2023
GoogleChromeLabs/critters: 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.
Critters is a plugin that inlines your app's critical CSS and lazy-loads the rest.
Best practices for fonts
This article discusses performance best practices for fonts. There are a variety of ways in which web fonts impact performance:
Delayed text rendering: If a web font has not loaded, browsers typically delay text rendering. In many situations, this delays First Contentful Paint (FCP). In some situations, this delays Largest Contentful Paint (LCP).
Layout shifts: The practice of font swapping has the potential to cause layout shifts and so impact Cumulative Layout Shift (CLS). These layout shifts occur when a web font and its fallback font take up different amounts of space on the page.
2018
GitHub - fasterize/HowSlow: A Service Worker that monitors network requests to estimate bandwidth and RTT
A Service Worker that monitors network requests to estimate bandwidth and RTT
2017
GTmetrix | Website Speed and Performance Optimization
by 1 otherAnalyze your site’s speed and make it faster.
1
(6 marks)