Smashing Magazine

JANUARY 11, 2021

Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts. Networking, HTTP/2, HTTP/3 OCSP stapling, EV/DV certificates, packaging, IPv6, QUIC, HTTP/3. Download The Checklist (PDF, Apple Pages, MS Word). Quick Wins. Happy optimizing, everyone!).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JUNE 8, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Jump to the details ↓ Download a free PDF sample (12MB).

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

JULY 29, 2019

Failing that, we are usually able to connect to home or public WiFi networks that are on fast broadband connections and have effectively unlimited data. The speed of mobile networks, too, varies considerably between countries. South Korea has the fastest mobile download speed , averaging 52.4 Mbps download and 0.7

Cache 96

Cache Google Mobile Network 96

CSS - Tricks

JULY 25, 2019

Now that Google uses page speed as a ranking factor, many organizations have become laser-focused on performance. Last year, Google made two significant changes to their search indexing and ranking algorithms : In March, indexing became based on the mobile version of a page , rather than desktop. Cache-Headers missing?

Google 71

Google Engineering Speed Mobile 71

Smashing Magazine

APRIL 28, 2021

Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading. Jump to the details ↓ Download a free PDF sample (12MB).

Media 92

Media Cache Google Best Practices 92

Randon ASCII

JULY 11, 2022

A bug had been filed suggesting that Chrome download speeds (such as those measured by speedtest.net ) seemed to be affected by some anti-virus software. Downloads go through the cache, the cache is saved to disk, and saves to disk are slowed by (some) anti-virus software. As usual, I was minding my own business.

Cache 105

Cache Energy Google Processing 105

Smashing Magazine

JANUARY 6, 2020

Download The Checklist (PDF, Apple Pages, MS Word). You can also just download the checklist PDF (166 KB) or download editable Apple Pages file (275 KB) or the.docx file (151 KB). Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Quick Wins.

Performance 145

Performance Cache Network Metrics 145

Speed Curve

DECEMBER 13, 2023

According to Google's thresholds, an LCP time of 3.96 Are you using a content delivery network (CDN) to bring elements like images closer to your users, so that delivery times are faster? Are you compressing and caching the right things? seconds As mentioned, this leaderboard ranks pages based on their LCP time.

Performance 67

Performance Retail Benchmarking Ecommerce 67

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

JUNE 1, 2022

In this case, we are not going to be talking about infrastructure services, such as a cloud computing platform like Microsoft Azure or a content distribution network like Akamai. And JavaScript can certainly make requests for additional network resources. Sometimes, the visitor’s browser itself can be the origin of network activity.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

JANUARY 7, 2019

Download The Checklist (PDF, Apple Pages, MS Word). You can also just download the checklist PDF (166 KB) or download editable Apple Pages file (275 KB) or the.docx file (151 KB). If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled network (e.g. Assets Optimizations.

Performance 103

Performance Cache Metrics Network 103

The Morning Paper

SEPTEMBER 24, 2019

Before we dive in, I’d just like to note that the authors responsibly disclosed their findings to Google, who have announced that they will be fixing many of the identified issues in AndroidQ. Google, to their credit, have announced that they are addressing many of the issues that we reported to them. most apps).

Systems 74

Systems Traffic Network Google 74

KeyCDN

SEPTEMBER 12, 2019

Most of you have probably seen the following Google PageSpeed Insights optimization suggestion at one point or another when running a speed test: By compressing and adjusting the size of … you can save 14.2 An easy way to compress images is with our image processing service that happens to also be fully integrated into our existing network.

Social Media 106

Social Media Media Google Website 106

Smashing Magazine

JUNE 2, 2021

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. And while you can usually cache the full page of an article, the same is not true of many shop pages and elements. Additionally, page speed is a ranking factor for search and also for your Google Ads. Jennifer Brehm.

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

APRIL 29, 2021

Lazy-load offscreen images (reduce network contention for key resources). For low impact to First Input Delay : Avoid images causing network contention with other critical resources like CSS and JS. CWV is part of a set of page experience signals Google Search will be evaluating for ranking. Large preview ). Large preview ).

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

NOVEMBER 17, 2022

Web performance refers to the speed at which a website loads, how fast it’s downloaded, and how an app is displayed on the user’s browser. Clearly, we want to give freedom to our content creators, but we can leave to chance neither the resolution nor the speed of delivery and download of the images that will be displayed on our website.

Media 105

Media Cache Website Mobile 105

Smashing Magazine

JUNE 26, 2019

Instead, I suggest that web designers use another Google testing tool called Test My Site. Test My Site is a mobile page speed testing tool from Think with Google. In this case, my website is “slow”, even when served on 4G networks. For example: Think with Google suggests the typical page speed optimizations.

Website 110

Website Speed Mobile Design 110

Alex Russell

MARCH 6, 2021

Thanks to progress in networks and browsers (but not devices), a more generous global budget cap has emerged for sites constructed the "modern" way: ~100KiB of HTML/CSS/fonts and ~300-350KiB of JS (compressed) is the new rule-of-thumb limit for at least the next year or two. Modern network performance and availability.

Performance 124

Performance Network Cache Metrics 124

KeyCDN

JULY 11, 2019

This is crucial due to mobile devices requiring additional optimizations because they typically have less powerful hardware and a slower network connection when compared to desktop devices. For example, while the average mobile download speed on 4G in Switzerland is fast at 35.2 Mbps ( Opensignal ). For example, the query string ?width=600&quality=70

Speed 52

Speed Website Mobile Latency 52

Smashing Magazine

NOVEMBER 2, 2021

PWAs have been around for over five years, yet native applications outnumber them both in the quantity ratio and how many times users download them. Hence, they can’t be promoted separately or found by users who’ve input a search query in Google. As shown on the screenshots below, the product page of the store can be found via Google.

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

JANUARY 21, 2021

Plus a service worker that caches all static assets and serves them for repeat views, along with cached versions of articles that a reader has already visited. The reasons for it are numerous, but the most important one is a huge difference in network conditions and device hardware across the world. Large preview ).

Performance 145

Performance Cache Mobile Network 145

Dean Hume

MARCH 29, 2018

I wanted the site to be super fast - once someone has read an article that won’t change, why not serve it from the cached version on their device. I also wanted the site to work completely offline, so that if you are reading something interesting on the go, there is no reason why you have to wait for a network connection again.

Cache 40

Cache Google Website Network 40

Dean Hume

MARCH 29, 2018

I wanted the site to be super fast - once someone has read an article that won’t change, why not serve it from the cached version on their device. I also wanted the site to work completely offline, so that if you are reading something interesting on the go, there is no reason why you have to wait for a network connection again.

Cache 40

Cache Google Website Network 40

Dean Hume

MARCH 29, 2018

I wanted the site to be super fast - once someone has read an article that won’t change, why not serve it from the cached version on their device. I also wanted the site to work completely offline, so that if you are reading something interesting on the go, there is no reason why you have to wait for a network connection again.

Cache 40

Cache Google Website Network 40

Alex Russell

APRIL 29, 2021

Real-time network protocols for enabling videoconferencing, desktop sharing, and game streaming applications. Modern, asynchronous network APIs that dramatically improve performance in some situations. It's possible that Amazon Luna , NVIDIA GeForce Go , Google Stadia , and Microsoft xCloud could have been built years earlier.

Media 145

Media Games Education Engineering 145

Tim Kadlec

MARCH 14, 2019

Google formally announced Lite Pages the other day and the response has been… let’s say mixed. But in this case, the announcement has to deal with Google making changes to HTTPS content which, as you would expect, makes folks a little more nervous. Understandably so. Sometimes that’s fine. What We Know.

Google 63

Google Traffic Cache Servers 63

MachMetrics

MARCH 21, 2019

Resource Download Time. Every single file that you reference in your website’s html has to be downloaded. Every font, css, javascript file, and image takes time to download. Looking at your page load ‘waterfall’ will show you all the resources and how long it takes to download each.

Metrics 74

Metrics Social Media Performance Speed 74

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. This includes the work done by the server, the client and the intermediary communications networks that transmit data between the two. Large preview ).

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

JANUARY 16, 2023

These metrics are used by Google to evaluate the quality of user experience. This approach allows images with smaller dimensions to be downloaded for users on smaller devices. Note : In your browser development tools, open the Network > Img tabs to see the image chosen by the browser according to each viewport and DPR.

Media 104

Media Mobile Website Metrics 104

Alex Russell

MAY 4, 2016

But doesn’t AppCache let you cache documents you might want offline? ” , you say, “doesn’t AppCache also allow you to put documents in the cache directly, bypassing all of that?” You see this play out, for example, in the AppCache manifests that major Google services like Google Docs generate.

Performance 43

Performance Cache Google Network 43

Rigor

JULY 2, 2019

Because of the redirection, our total HTML request, download, and render time took an additional 156 ms – for a total of 521 ms. Time spent on redirect is most noticeable on mobile devices, especially since they tend to use slower networks. The first call was for the resource that we thought was located at [link].

Mobile 60

Mobile Traffic Google Latency 60

Smashing Magazine

NOVEMBER 22, 2021

A website’s performance can make or break its success, yet in August 2020, despite many improvements we had previously made, such as implementing Server-Side Rendering (SSR), the ratio of Wix websites with good Google Core Web Vitals (CWV) scores was only 4%. Google search ranking. Large preview ). The Wix Challenge. Heavier websites.

Website 126

Website Performance Google Media 126

Tim Kadlec

SEPTEMBER 6, 2018

The other week, there were a few articles that came out about Chrome’s NOSCRIPT intervention: an intervention that would disable JavaScript altogether on slow networks. Chrome intervening on behalf of the user when it feels the network is iffy isn’t exactly new. What exactly does it do? The Data Saver proxy is enabled.

Network 71

Network Testing Cache Google 71

Smashing Magazine

OCTOBER 26, 2018

My team and I first encountered the strange WordPress-lagging REST API on a client site (not decoupled), where we used the custom endpoints to get the list of locations on a Google map, alongside other meta information created using the Advanced Custom Fields Pro plugin. The postman app gave the load time of 1.97s for 41.9KB of response size.

Cache 78

Cache Website Speed Database 78

Smashing Magazine

APRIL 9, 2019

Resources like Content Delivery Networks (CDNs) that had previously been the reserve of giant corporations were becoming commonplace for everyday folk building snappy websites. 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

Alex Russell

OCTOBER 22, 2017

We constrain ourselves to a real-world baseline device + network configuration to measure progress. Budgets are scaled to a benchmark network & device. JavaScript is the single most expensive part of any page in ways that are a function of both network capacity and device speed. The median user is on a slow network.

Performance 68

Performance Benchmarking Network Mobile 68

Smashing Magazine

AUGUST 30, 2021

By default, CSS is a render-blocking resource , meaning that the website won’t be displayed to the user until all linked stylesheets and their dependencies (fonts, for example) have been downloaded and parsed by the browser. We know that it shouldn’t be referenced in the HTML head element when the page HTML is first downloaded.

Media 108

Media Performance Cache Strategy 108