Smashing Magazine

MARCH 19, 2021

Ironically, at the moment of publishing that article in late February, we still had floating labels used in most of our forms, and we wanted to explore if removing them would actually help us improve the overall experience on the site. On February 19th, most of our articles landed in the red zone. Floating Labels Are Gone.

Mobile 140

Mobile Design Cache Code 140

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. It wasn’t long before a sea of red “poor” and yellow “needs improvement” notices in our Google Search Console needed our attention. How We Improved Our Core Web Vitals (Case Study).

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

MARCH 7, 2022

In my last article , I suggested using the SaveData API to deliver a different, more performant, experience to users that expressed that desire. In this article, I want to spend a bit more time on this, and also look at other signals we can similarly use to help us make decisions on what to load on our websites. Barry Pollard.

Website 103

Website Media Mobile Network 103

Smashing Magazine

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Note : as TCP generally under-utilizes network connection by a significant amount, Google has developed TCP Bottleneck Bandwidth and RRT ( BBR ), a relatively new TCP delay-controlled TCP flow control algorithm.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). awesome-webpack is a curated list of useful Webpack resources, libraries and tools, including articles, videos, courses, books and examples for Angular, React and framework-agnostic projects. Image source: Katie Hempenius ) ( Large preview ).

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JUNE 1, 2022

In this article, we will review what third-party resource requests are, consider how impactful they can be to the user experience, and discuss common optimization strategies to reduce the impact on the user experience. Configuring WebPageTest to run a test measurement that simulates a failure of the Google Fonts third-party service.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

JANUARY 16, 2023

These metrics are used by Google to evaluate the quality of user experience. To address this problem, I’ll provide an overview of the best practices for the integration and optimization of an LCP image. Read this article to learn more about this topic and see when you might need to preload your LCP resource.

Media 104

Media Mobile Website Metrics 104

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. We are loading the following resources: Google Fonts Stylesheet. Use It Sparingly.

Media 69

Media Tuning Metrics Google 69

Smashing Magazine

JANUARY 15, 2019

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. You can read about more advanced dead code elimination (aka tree shaking) in this post for Google by Jeremy Wagner. Do we have a carousel of images?

Website Performance 73

Website Performance Website Energy Performance 73

Speed Curve

DECEMBER 25, 2013

The following article was originally published in the 2013 Performance Calendar. There's 31 great articles to explore in the calendar including Steve Souders's browser wishlist and Tim Kadlec's take on what it takes to create a performance culture. -. All CMS's should be offering this level of image manipulation and caching.

Performance 60

Performance Mobile Website Benchmarking 60

Smashing Magazine

APRIL 9, 2019

In this article, we’ll take a look at what SRI is, how it can help protect you, and how you can start using it in your own projects, not just for files hosted on CDNs. They’d take the hit for the first site to use the file, but then it would sit in their local browser cache and downloads could be skipped for each subsequent site.

Website 57

Website Servers Code Best Practices 57

Smashing Magazine

APRIL 29, 2021

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. CWV is part of a set of page experience signals Google Search will be evaluating for ranking. From Speed at Scale with Katie Hempenius and I at Google I/O. Large preview ). Large preview ).

Media 145

Media Network Metrics Mobile 145

Tim Kadlec

OCTOBER 17, 2010

Google and Bing teamed up to present results from their respective experiments with page load time. Google’s results were perhaps even more startling. Buoyed by these studies, Google recently announced that they will be taking page load time into consideration when ranking sites. drop in revenue per user, as well as a 1.8%

Performance 40

Performance Energy Google Internet 40

Smashing Magazine

JULY 6, 2021

In this article, I will highlight a few core features that every headless CMS should provide. 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. Content authors should love working in the back-office.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

SEPTEMBER 6, 2021

Practical HTTP/3 deployment options ( current article ). You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. mvfst (Facebook), MsQuic , (Microsoft), (Google), ngtcp2 , LSQUIC (Litespeed), picoquic , quicly (Fastly). HTTP/3 performance features.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

AUGUST 22, 2021

HTTP/3 performance features ( current article ). Practical HTTP/3 deployment options ( coming up soon! ). This is because most articles only consider the worst case (TCP + TLS 1.2, (a)), not mentioning that the modern TCP + TLS 1.3 Initial tests by Google , for example, show low percentage improvements for its use cases.

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

AUGUST 9, 2021

These statements and articles typically skip over some crucial technical details , are lacking in nuance, and usually are only partially correct. In this article series, I will discuss the new protocol, especially its performance features , with more nuance. We will discuss these features in more depth later in this article.

Transportation 145

Transportation Internet Internet Network 145

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. And I read articles all the time where this team’s like, “Oh yeah, we use React. Transcript.

Media 87

Media Website Architecture Servers 87