The Ultimate Guide to Optimizing JavaScript for Quick Page Loads
Great performance is key for great UX. We’ve told you how to tackle the low-hanging fruit: optimizing images for faster page loads. Now it’s time to fight the boss: JavaScript. Check out our handy guide!
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.
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?
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.
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 !
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.
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.
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.
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…
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
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