Smashing Magazine

JANUARY 15, 2019

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. Partly as a result of this campaign, Google announced last year that for the first time it had purchased enough renewable energy to match 100% of its global consumption for operations. Jack Lenox.

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

JANUARY 6, 2020

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]. Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Vitaly Friedman.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

NOVEMBER 8, 2021

We work with millions of merchants, and as many companies, we obsess about storefront performance. We obsess even more about finding the optimal balance between performance, capabilities, and merchants’ business objectives. With 100s of real-life examples , guidelines and best practices that you can apply right away.

Cache 135

Cache Best Practices Strategy Servers 135

Smashing Magazine

FEBRUARY 24, 2022

How would you measure performance? Other times it’s about how fast a task is performed. Unfortunately, there is no silver bullet for measuring performance. Performance vs Perceived Performance. Facing this code, one would (rightfully) say it does not perform well. Átila Fassina. 2022-02-24T09:30:00+00:00.

Benchmarking 116

Benchmarking Metrics Best Practices Monitoring 116

Smashing Magazine

MARCH 19, 2021

Working around improving performance was an ongoing journey on SmashingMag for a while. In the end of last year we’ve noticed that we’ve seen quite a drop in performance in 2020, so we rolled up our sleeves and got to work. We were busy not only with performance and UX optimizations though. Vitaly Friedman. Large preview ).

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

JANUARY 7, 2019

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Vitaly Friedman.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JUNE 8, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome who was working all around web performance for decades. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Image Decoding Performance. +.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

APRIL 28, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome and focusing around performance for decades. Some of the biggest size savings and performance improvements can come through a better image optimization strategy. Image Decoding Performance. +.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

MAY 17, 2021

Last year, Google started emphasizing the importance of Core Web Vitals and how they reflect a person’s real experience when visiting sites around the web. Performance is a core feature of our company, Instant Domain Search —it’s in the name. This is a screenshot from our mobile Core Web Vitals report in Google Search Console.

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

MAY 5, 2021

Smaller HTML means less time for Google to download and process those long strings of text. Both for Google bots (SEO) and to actual clients. Google’s amount of time and resources to crawling a site is commonly called the site’s crawl budget.” — “ Advanced SEO ,” Google Search Central Documentation.

Google 110

Google Architecture Servers Speed 110

Smashing Magazine

OCTOBER 18, 2021

Performance is one of the core aspects to ensure our users are having a delightful user experience irrespective of their devices or network connection. We found out user-centric performance metrics to be the perfect fit for this purpose. We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS.

Website 105

Website Google Metrics Testing Tools 105

Smashing Magazine

JUNE 1, 2022

You may have a lean, agile, responsive site design only to find it gradually loaded down with more and more “extras” that are often put onto the site by marketing departments or business leaders who are not always thinking about website performance. Measuring Performance Impact. You cannot always anticipate what you cannot control.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

MAY 23, 2022

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, UX, web performance and CSS/JS. Render Performance Optimization. Further Reading on Smashing Magazine. Jump to online workshops ?.

Media 140

Media Tuning Design Website 140

Smashing Magazine

NOVEMBER 16, 2021

To understand touchscreen performance, Steven undertook several studies and found that popular notions of touch accuracy and preferred touch regions are wrong. Since then, he designed the first Google mobile search, the first mobile app store, several mobile browsers, and numerous websites and apps for global brands. About the Author.

Mobile 87

Mobile Design Best Practices Website 87

Smashing Magazine

APRIL 11, 2022

Loading experience is crucial to the user’s first impression and overall usability, so Google defined Largest Contentful Paint (LCP) metric to measure how quickly the main content loads and is displayed to the user. Of all those options, it’s safe to assume that text is the best choice for LCP performance because it loads and renders fast.

Media 69

Media Tuning Metrics Google 69

Smashing Magazine

MAY 6, 2019

Lazy loading is a way to improve the performance of a website or web application by maximizing the rendering speed of the above-the-fold images and iframes (and sometimes videos) by deferring the loading of below-the-fold content. . <img It’s not very hard to write the JavaScript code required to perform these operations on your own.

Website 103

Website Best Practices Media Open Source 103

Smashing Magazine

JANUARY 16, 2023

These metrics are used by Google to evaluate the quality of user experience. Since recently becoming a ranking factor, this major web performance KPI is still a new concept for many web developers. To address this problem, I’ll provide an overview of the best practices for the integration and optimization of an LCP image.

Media 104

Media Mobile Website Metrics 104

Smashing Magazine

APRIL 29, 2021

While not render-blocking, they can indirectly impact render performance. If using 11ty for your static sites, try the 11ty high-performance blog template. It’s an initiative by Google to share unified guidance for quality signals that can be key to delivering a great user experience on the web. Large preview ). Large preview ).

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

APRIL 9, 2019

Most sites were all hosted on a single physical server somewhere on our own hosting infrastructure, and it was the server we thought about defending when it came to security best practices. This remains a good, practical way to work, but it does introduce a potential vector for attack. What Could Go Wrong?

Website 57

Website Servers Code Best Practices 57

Smashing Magazine

AUGUST 22, 2021

HTTP/3: Performance Improvements (Part 2). HTTP/3: Performance Improvements (Part 2). In this second part, we will zoom in on the performance improvements that QUIC and HTTP/3 bring to the table for web-page loading. We will, however, also be somewhat skeptical of the impact we can expect from these new features in practice.

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

JUNE 28, 2021

If you’re creating tons and tons of DOM elements and doing a lot of real-time updates, you might or might not run into performance challenges. Mike: I haven’t seen a performance issue ever. is performance right at the box. There’s accessibility, best practices, performance and one fourth one. It’s concern.

Website 62

Website Design Open Source Software 62

Smashing Magazine

DECEMBER 22, 2021

The Ultimate Guide to UX Research shares tips and best practices from leading industry experts. To ease your first steps into the world of typography (or help you take your skills to the next level) the Google Fonts team teamed up with typographic experts from around the world to create a library of typographic guides: Fonts Knowledge.

Airlines 128

Airlines Mobile Design Strategy 128

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. If you see authors turning to other authoring tools such as Google Docs for its commenting or suggestions capabilities, it may be a red flag as to what features you are missing. Technical and sales support. Environments.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

JULY 9, 2021

You could internally document them in a collaborative software such as Notion or Dynalist; or an online documentation like Google Docs or Dropbox Paper. Continue reading below ↓ Meet Image Optimization , Addy Osmani’s brand new practical guide to optimizing and delivering high-quality images on the web. More after jump!

Website 145

Website Mobile Design Testing 145

Smashing Magazine

JULY 23, 2021

After all, content marketing: Should lead to good search engine rankings if well written and targeted; Educates clients about best practices; Demonstrates to readers your expertise; Builds a relationship with your followers at scale; Offers the ability to reach a large number of potential clients. On paper, this is a good move.

Social Media 145

Social Media Media Network Website 145

Smashing Magazine

AUGUST 19, 2021

Unethical practices at companies lead to the creation of technology that we all use but often neglect the influence of those intended to serve. Once you create your own code of ethics, you might notice an improvement not only in your team’s work and performance but also in the team’s culture as well. Credit: Devin Harold.

Code 137

Code Design Education Government 137

Smashing Magazine

JULY 2, 2021

It is recommended to follow rules and best practices of building and sending emails. Their purpose, sending method, and performance vary, and so should the testing flow. For example, some providers allow adding categories to the X-SMTPAPI header of the emails, which is useful for email performance tracking. Spam checks.

Testing 109

Testing Servers Social Media Automotive 109

Smashing Magazine

OCTOBER 6, 2021

To simplify this behavior, a best practice is to ensure your styles include resetting all elements to use border-box. A more recent hot topic in site performance and related metrics is Cumulative Layout Shift (CLS). This is the Google Lighthouse score for how much elements shift or jump during page load.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

NOVEMBER 30, 2021

Improving The Performance Of Wix Websites written by Dan Shappir. We last talked to him in July 2020 , where we asked if modern best practices about for the web. So we’re throwing a ton of client-side JS at people, and that introduces a ton of agility and performance issues. The Lean Web book. Chris Ferdinandi on the web.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

JULY 20, 2021

Moreover, they give us the possibility to improve the website’s performance and to have more control and security over the application. Having this setup will not only give you freedom, security and comfort, but will also improve the performance of your application without third-party services. Monolithic vs Headless. Monolithic.

Website 141

Website Architecture Technology Technology 141

Smashing Magazine

SEPTEMBER 6, 2021

If after the previous two parts — HTTP/3 history and core concepts and HTTP/3 performance features — you’re convinced that starting to use the new protocols is a good idea (and you should be!), HTTP/3 performance features. then this final piece includes all you need to know to get started! Implementation.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

NOVEMBER 4, 2021

Drew McLellan: He’s an engineer at Skypack and a major contributor to a new project called Astro, which aims to combine performance best practices with the developer experience improvements we see from component based approaches. I mean, it’s not like we figured out some crazy way to get performance. Transcript.

Media 87

Media Website Architecture Servers 87

Smashing Magazine

AUGUST 9, 2021

Often they make it seem as if HTTP/3 is a revolution in performance, while it is really a more modest (yet still useful!) This is dangerous, because the new protocol will probably not be able to live up to these high expectations in practice. HTTP/3 performance features ( coming up soon! ). This is more in depth and technical.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

SEPTEMBER 29, 2021

This is why a lot of our guidance on performance talks about image optimization. Degree of compression, image quality, and decoding speed are key factors to be considered when comparing image performance for the web. That said, serving from a different origin can add round-trips and impact performance gains. Large preview ).

Open Source 144

Open Source Speed Website Google 144