Pagespeed Insights: render-blocking resources – lightspeed cache .css files

Hi,

you can try use load async css option

Best regards,

Hello, ‘Load CSS Asynchronously’ is already set to ‘ON’. Pagespeed Insights indicates: “Reduce unused CSS – 1.65 s – Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity.
…
https://lawinthenews.com/wp-content/litespeed/css/0c6249616a2db50c2456cecff9733453.css?ver=33453

https://lawinthenews.com/wp-content/litespeed/css/68c147ca020e0b71d6ddbcb632dbcd8e.css?ver=bcd8e

https://lawinthenews.com/wp-content/litespeed/css/510156716354e0d10e39580066368d18.css?ver=68d18
…

I also noticed in the plugin notes “When this option is turned ON, it will also load Google Fonts asynchronously.” This also does not appear to be working as Pagespeed Insights indicates: “Avoid chaining critical requests 9 chains found”

…

…v19/6xKydSBYK….woff2(fonts.gstatic.com) - 0 ms, 13.65 KiB
…v19/pxiEyp8kv….woff2(fonts.gstatic.com) - 0 ms, 8.62 KiB
…v23/JTUSjIg1_….woff2(fonts.gstatic.com) - 0 ms, 31.12 KiB
…v19/pxiByp8kv….woff2(fonts.gstatic.com) - 0 ms, 8.54 KiB
…v19/6xKydSBYK….woff2(fonts.gstatic.com) - 0 ms, 13.53 KiB

…v19/pxiGyp8kv….woff2(fonts.gstatic.com) – 30 ms, 9.37 KiB
…v19/pxiByp8kv….woff2(fonts.gstatic.com) – 0 ms, 8.47 KiB
…v47/TK3iWkUHH….woff2(fonts.gstatic.com) – 0 ms, 25.70 KiB
…

Hi,

for unused css, try “CSS combine ” + “generate UCSS”

the load gg font async works , if you check the source code, you will see they are giving “swap” attribute as PSI wants , and it gives 0 ms as saving time.

best regards,

Hi I updated the settings as you suggested (CSS combine ” + “generate UCSS). Here is the result -> https://imgur.com/a/WdAP95G -> here is the css -> https://lawinthenews.com/wp-content/litespeed/css/0546dc1a53602589e7d465d07092cc13.css?ver=060ef
This did not make any improvement to “Reduce unused CSS”. There is still a potential savings of 459.1 KiB and 2.876 s

Any other suggestions?

did you request the domain key in General page ?

if you have domain key already , go to dashboard page and force generate UCSS/CCSS

in your screenshot , the CSS file path is still /wp-content/litespeed/css/xxxxx.css , once UCSS is generated , it should show as /wp-content/litespeed/ucss/xxxxx.css

Hi, yes I already have a domain key …
Requested: 02/07/2022 12:06:35 Approved: 02/07/2022 12:07:02

I do not see a ‘force generate UCSS/CCSS’ on the dashboard, are you referring to Page Optimization > CSS Settings > Generate UCSS (toggle ON)?

I referred this

make sure you did a purge all after you enabled these options to trigger the queue

for UCSS you will also need to enable “CSS combine”

Hello,
Unfortunately, I was having some conflicts between this plugin and my theme. My theme support recommended that I use another plugin. I am still using LSCache for a connection to my CDN at Quic.cloud but not using LSCahe to optimize my settings.
Thank you for the help.