Islands Architecture
Performance
Optimizing resource loading with the Fetch Priority API
The Fetch Priority API indicates the relative priority of resources to the browser. It can enable optimal loading and improve Core Web Vitals.
Making the world’s fastest website, and other mistakes
Crazed developer attempts real ecommerce without front-end JavaScript to prove that y’all playin’
JavaScript Start-up Optimization
Keep your network transmission and parse/compile cost for JavaScript low to ensure pages get interactive quickly.
Can You Afford It?: Real-world Web Performance Budgets - Infrequently Noted
Performance budgets are an essential but under-appreciated part of product success and team health. Most partners we work with are not aware of the real-world operating environment and make inappropriate technology choices as a result. We set a time budget of less than 5 seconds first-load Time-to-Interactive and less than two seconds for subsequent loads. We further constrain ourselves to a baseline device and network configuration to measure progress. 2017's global baseline is a ~$200 Android device on a 400Kbps link with a 400ms round-trip-time ('RTT'). This translates to ~130-170KB of critical-path resources, depending on composition; the more JS you include, the smaller the bundle must be.
Big images, blazingly fast
How we optimized full-screen images for Rijksmuseum’s new story platform by realizing a 50-70% savings in total data transferred to the user.
Which SVG technique performs best for way too many icons?
When I started giving talks about SVG back in 2016, I'd occasionally hear a question I never had a great answer for: What if you have a lot of icons on a page?
Loading Third-Party JavaScript
Third-party scripts provide a wide range of useful functionality, making the web more dynamic. Learn how to optimize the loading of third-party scripts to reduce their impact on performance.
Say goodbye to resource-caching across sites and domains
A look-back at caching strategies from the past; with recent changes in Chrome's and Safari's caching strategies, there is no caching benefit from using publicly available third-party libraries anymore.
Les CDNs des GAFAM n'ont plus d'intérêt…
Le 20 janvier 2022 le tribunal de Munich a condamné l’utilisation de Google Font sur un site web. Le tribunal considère que l’appel vers le CDN de Google Font équivaut à la « perte de contrôle du demandeur sur une donnée personnelle » en l’occurrence l’IP du visiteur.
Sans rentrer dans les détails de cette décision qui s’appuie sur le Règlement Général de la Protection des Données, il est très facile de se conformer à cette décision !
How to load web fonts for the best page load performance – the-sustainable.dev
Many websites could improve how they load web fonts. In our guide we show you how to load web fonts for the best page load time and performance
Ain’t No Party Like a Third Party | CSS-Tricks
I’d like to tell you something not to do to make your website better. Don’t add any third-party scripts to your site.
Improving JavaScript Bundle Performance With Code-Splitting — Smashing Magazine
In this article, Adrian Bece shares more about the benefits and caveats of code-splitting and how page performance and load times can be improved by dynamically loading expensive, non-critical JavaScript bundles.
The Complete Guide to Lazy Loading Images | CSS-Tricks - CSS-Tricks
Fixing Performance Regressions Before they Happen
How the Netflix TVUI team implemented a robust strategy to quickly and easily detect performance anomalies before they a
Speed up the loading of your pages by using variable fonts
Each font variant (bold, medium, etc.) requires an additional file, which slows down navigation. Except if you use variable fonts!
How The Economic Times passed Core Web Vitals thresholds and achieved an overall 43% better bounce rate
Optimizing Core Web Vitals on The Economic Times website significantly improved the user experience and substantially reduced bounce rate across the entire website.
Love your cache ❤️
First load performance is important, but it's not everything. Users who load your site a second time will use their cache to get access to your content—so it's key to make sure it works well too, both for speed and correctness.
Fast Fashion… How Missguided revolutionised their approach to site performance by Andy Davies
Missguided are one of the UK's most innovative and fast-moving fashion retailers but as with many other retailers, web performance hasn't always been our highest priority.
Measuring the Impact of 3rd-Party Tags With WebPageTest
There's been an explosion in 3rd-Party Tags… And as Tim Kadlec once said
Memory leaks: the forgotten side of web performance
I’ve researched and learned enough about client-side memory leaks to know that most web developers aren’t worrying about them too much. If a web app leaks 5 MB on every interaction, but…
Using Diagnostic Metrics
User experience vs. diagnostic metrics
A few years ago, Google introduced the Core Web Vitals metrics. If you've been following web performance for a while, you know there are already a lot of metrics. Dozens and dozens of them, and new ones are being experimented with continually. So it's not surpr
Case study: analyzing the Walmart site performance
Let’s look how to make the product page faster (& increase the conversion)
HTTP compression
HTTP compression is an important part of the big web performance picture. We'll cover the history, the current state and the future of web compression.
Lossless data compression makes things smaller
Lossless data compression algorithms exploit statistical redundancy to represent data using fewer bit
HTTP/3 is Fast
HTTP/3 is here, and it’s a big deal for web performance. See just how much faster it makes websites!
SpeedCurve | Website Performance Monitoring
See how people experience the speed of your website, then identify and fix performance issues.
Adding controls to Google Tag Manager
12 tips to enforce control to secure Google Tag Manager (GTM) and prevent security or performance problems
Using performance testing to build resilient, accessible systems for all - Ad Hoc
A well-maintained, 10-year-old car will work fine to get you from A to B. A well-maintained bike will probably last even longer than the car. A 45-year-old landline phone can still receive and place calls. But what happens if you try to access a web page using a 3-year-old smartphone? How about a 5 or even a 10-year-old one?
Getting started | Flashlight
Installation
WebPerformance Report - Web performance report every week in your inbox
Web performance report every week in your inbox.