Which of these should be minimized to deliver the fastest possible time to firstrender?
The number of critical JavaScript functions
The number of critical resources
The number of critical HTML classes
the number of CSS classes
To deliver the fastest possible time to first render, you should minimize the number of:
Explanation:
To deliver the fastest possible time to first render, we need to minimize three variables:
- The number of critical resources.
- The critical path length.
- The number of critical bytes.
A critical resource is a resource that could block initial rendering of the page. The fewer of these resources, the less work for the browser, the CPU, and other resources.Read more here: https://support.google.com/partners/answer/7336426
To deliver the fastest possible time to first render, we need to minimize three variables:
- The number of critical resources.
- The critical path length.
- The number of critical bytes.
A critical resource is a resource that could block initial rendering of the page. The fewer of these resources, the less work for the browser, the CPU, and other resources.
Similarly, the critical path length is a function of the dependency graph between the critical resources and their bytesize: some resource downloads can only be initiated after a previous resource has been processed, and the larger the resource the more roundtrips it takes to download.
Finally, the fewer critical bytes the browser has to download, the faster it can process content and render it visible on the screen. To reduce the number of bytes, we can reduce the number of resources (eliminate them or make them non-critical) and ensure that we minimize the transfer size by compressing and optimizing each resource.
