Performance

Performance Budgets: The Easiest Way to a Faster Site - Calibre
Performance Budgets: The Easiest Way to a Faster Site - Calibre
Until you set specific goals, it’s not clear what metric you want to improve, how you’ll do it, and who’s in charge of getting it there. Learn how to set performance budgets to meet and maintain your speed goals.
·calibreapp.com·
Performance Budgets: The Easiest Way to a Faster Site - Calibre
Total Blocking Time: A Short and Sweet Guide for Happier Users - Calibre
Total Blocking Time: A Short and Sweet Guide for Happier Users - Calibre
Any delay longer than 50 milliseconds and visitors sense that a page is unresponsive. Tracking and reducing your page’s Total Blocking Time is vital to avoiding a poor user experience.
·calibreapp.com·
Total Blocking Time: A Short and Sweet Guide for Happier Users - Calibre
MemLab: An open source framework for finding JavaScript memory leaks
MemLab: An open source framework for finding JavaScript memory leaks
We’ve open-sourced MemLab, a JavaScript memory testing framework that automates memory leak detection. Finding and addressing the root cause of memory leaks is important for delivering a quality us…
·engineering.fb.com·
MemLab: An open source framework for finding JavaScript memory leaks
How large DOM sizes affect interactivity, and what you can do about it
How large DOM sizes affect interactivity, and what you can do about it
Large DOM sizes can be a factor in whether interactions are fast or not. Learn more about the relationship between DOM size and INP, and what you can do to reduce DOM size and other ways to limit rendering work when your page has lots of DOM elements.
·web.dev·
How large DOM sizes affect interactivity, and what you can do about it
Romuald Priol – Navigateur, metrics et outils – WLS 2021
Romuald Priol – Navigateur, metrics et outils – WLS 2021
La webPerf, c’est bien, mais en connaissant toutes les subtilités de la création de notre page c’est mieux \o/. Pendant 45 minutes, nous voyagerons à travers...
·youtube.com·
Romuald Priol – Navigateur, metrics et outils – WLS 2021
Core Web Vitals Toolset: Guide to improve LCP, FID, CLS
Core Web Vitals Toolset: Guide to improve LCP, FID, CLS
Waterfaller, this FREE real-time tool leads web professionals through a step-by-step guidebook to boost your website's Core Web Vitals
·waterfaller.dev·
Core Web Vitals Toolset: Guide to improve LCP, FID, CLS
Don't fight the browser preload scanner
Don't fight the browser preload scanner
Find out what the browser preload scanner is, how it helps performance, and how you can stay out of its way.
·web.dev·
Don't fight the browser preload scanner
The impact of removing jQuery on our web performance
The impact of removing jQuery on our web performance
In this blog post, we explain the technical details of removing the jQuery library from GOV.UK’s public facing applications and the performance impact it had for our users.
·insidegovuk.blog.gov.uk·
The impact of removing jQuery on our web performance
Use image CDNs to optimize images
Use image CDNs to optimize images
Image CDNs are excellent at optimizing images. Switching to an image CDN can yield a 40–80% savings in image bytes.
·web.dev·
Use image CDNs to optimize images
Michael Hladky - CSS Rendering Performance
Michael Hladky - CSS Rendering Performance
Modern CSS rendering performance: The internals of web pages optimization In this talk, we demystify the browser’s rendering pipeline and explore the differe...
·youtube.com·
Michael Hladky - CSS Rendering Performance
JavaScript SDK “Package Size is Massive” - So we reduced it by 29%
JavaScript SDK “Package Size is Massive” - So we reduced it by 29%
Developers started to notice just how big our JavaScript package was and yeah, we knew. We weren’t ignoring the issues; after all, we don’t want the Sentry package to be the cause of a slowdown. But to reduce our JavaScript SDK package size effectively we had to account for shipping new capabilities, like being able to manage the health of a release and performance monitoring, while maintaining a manageable bundle size. After all, new features == bigger package - usually.
·blog.sentry.io·
JavaScript SDK “Package Size is Massive” - So we reduced it by 29%
Learn Images
Learn Images
An in-depth course on images for the web.
·web.dev·
Learn Images
5 Steps to Improve Website Performance Online Guide
5 Steps to Improve Website Performance Online Guide
There has never been a better time to deliver fast, resilient websites, but getting there demands an informed approach. So grab a hot beverage and let this guide illuminate the path forward.
·catchpoint.com·
5 Steps to Improve Website Performance Online Guide