The first step to optimize the critical rendering path is to:
minimize number of critical resources: eliminate them, defer their download, mark them as async, and so on
analyze and characterize your critical path: number of resources, bytes, length
optimize the order in which the remaining critical resources are loaded: download all critical assets as early as possible to shorten the critical path length
optimize the number of critical bytes to reduce the download time (number of roundtrips)
Explanation:
The general sequence of steps to optimize the critical rendering path is:
- Analyze and characterize your critical path: number of resources, bytes, length.
- Minimize number of critical resources: eliminate them, defer their download, mark them as async, and so on.
- Optimize the number of critical bytes to reduce the download time (number of roundtrips).
- Optimize the order in which the remaining critical resources are loaded: download all critical assets as early as possible to shorten the critical path length.
Read more here: https://support.google.com/partners/answer/7336280
https://www.youtube.com/watch?v=e1ILLnXanoU
