Improve LCP
-
Better support for offloading
https://web.dev/optimize-lcp/For any CSS not needed for initial rendering, use loadCSS to load files asynchronously, which leverages rel=”preload”and onload.
Example:
<link rel="preload" href="stylesheet.css" as="style" onload="this.rel='stylesheet'">What is loaded right now:
<link rel=”stylesheet” href=”https://example.com/wp-content/cache/asset-cleanup/css/item/example-v89340deaeed0ddkdjasldaa28cccad34d7568.css” as=”style” onload=”this.onload=null;this.rel=’stylesheet'” type=”text/css” media=”all”>Why
this.onload=null? Or is this coming from wp rocket and a conflict?Make sure WPACU’s inlined css from smaller (if enabled) css files isn’t added above wp rockets critical css. Maker sure it has a lower priroity.
- The topic ‘Improve LCP’ is closed to new replies.
