Best Practices for Speeding Up Your site
The list includes 35 best practices divided into 7 categories, created by Yahoo! Exceptional Performance team.
Open resourceDocumentation - Awesome WPO
Resources
Categories
25 resources
-
-
Chrome Developers: Performance
Deep guides on rendering, loading, and runtime performance.
Open resource -
Chrome User Experience Report (CrUX)
Origin-level real-user performance data from Chrome users.
Open resource -
Code Splitting (Webpack)
Official guide to splitting JavaScript bundles for faster initial load and on-demand loading.
Open resource -
CSS will-change
This specification defines the `will-change` CSS property which allows an author to declare ahead-of-time what properties are likely to change in the future, so the UA can set up the appropriate optimizations some time before they’re needed. This way, when the actual change happens, the page updates in a snappy manner.
Open resource -
Google Developers Case Studies
Learn why and how other developers have used the web to create amazing web experiences for their users.
Open resource -
HTTP Archive
It's a permanent repository of web performance information such as size of pages, failed requests, and technologies utilized. This performance information allows us to see trends in how the Web is built and provides a common data set from which to conduct web performance research.
Open resource -
Largest Contentful Paint API (MDN)
Programmatic access to LCP entries.
Open resource -
Layout Instability API (MDN)
Measure and inspect layout shifts (CLS).
Open resource -
Lighthouse Docs
Audit methodology, scoring details, and usage guidance.
Open resource -
Long Tasks API (MDN)
Detect main-thread blocking work.
Open resource -
Navigation Timing
This specification defines a unified interface to store and retrieve high resolution performance metric data related to the navigation of a document.
Open resource -
Navigation Timing API (MDN)
Page navigation and load milestone metrics.
Open resource -
Navigation Timing Level 2 (W3C)
Use `responseStart` and `requestStart` to derive Time to First Byte (TTFB).
Open resource -
Page Visibility
This specification defines a means for site developers to programmatically determine the current visibility state of the page in order to develop power and CPU-efficient web applications.
Open resource -
PageSpeed Insights Rules
A guide created by PageSpeed Team.
Open resource -
Paint Timing API (MDN)
First paint and first contentful paint signals.
Open resource -
Performance Timeline
This specification defines a unified interface to store and retrieve performance metric data. This specification does not cover individual performance metric interfaces.
Open resource -
Resource Hints
This specification defines the dns-prefetch, preconnect, prefetch, and prerender relationships of the HTML Link Element (<link>). These primitives enable the developer, and the server generating or delivering the resources, to assist the user agent in the decision process of which origins it should connect to, and which resources it should fetch and preprocess to improve page performance.
Open resource -
Resource Timing
This specification defines an interface for web applications to access the complete timing information for resources in a document.
Open resource -
Resource Timing API (MDN)
Detailed network timing for assets.
Open resource -
RFC 9218: HTTP Prioritization
Protocol-level prioritization mechanisms for HTTP.
Open resource -
User Timing
This specification defines an interface to help web developers measure the performance of their applications by giving them access to high-precision timestamps.
Open resource -
Web Performance Working Group
The mission of the Web Performance Working Group, part of the Rich Web Client Activity, is to provide methods to measure aspects of application performance of user agent features and APIs.
Open resource -
WPOStats
Case studies and experiments demonstrating the impact of web performance optimization (WPO) on user experience and business metrics.
Open resource