Performance

354 bookmarks
Custom sorting
CSS runtime performance
CSS runtime performance
A 2022 talk about CSS runtime performance by Nolan Lawson.
·nolanlawson.github.io·
CSS runtime performance
Fast is good, instant is better!
Fast is good, instant is better!
Fast page loading is so last year… you should be thinking about instant page loads! To give an experience where the load is not just “acceptable”, but completely unnoticeable, we need to look beyond just optimising our loading speeds and think about how we can completely hide that load delay from th
·calendar.perfplanet.com·
Fast is good, instant is better!
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