[Support request] Render Blocking Issue

[Samantha]

In my site, I have generate press premium version, and I used Google AdSense for earning as well as some of amazon affiliate links too. In my site has more issues with google core web vital, Then, I used WP rocket cache plugin too. to minimize this issue. But, now I have found some render blocking issues in my site when I check by google page loading speed tool for both mobile and desktop too.

and I checked with web hosting company they told, check the issue with theme provider. I want to remove this issue. what do you suggest and what are the solution you can suggest to me.

This is more critical for page views too.
What can I apply for such issues, if you can send a method, I can share the screenshot too.
Thank

[Samantha]

see the following screenshot too

[Scott]

I’ve used WP Rocket for a few years. Are you using it with a CDN?

[Ying]

I checked the post with the lighthouse test, it scores 99 on both desktop and mobile.
https://www.screencast.com/t/AjkHhLng6u2
https://www.screencast.com/t/hgqApwrDAWh

Based on your screenshot:

1. Reduce initial response time: you need to talk about this with your server, maybe try to use CDN as Scott suggested.

2. 0.64s render-blocking time isn’t bad if you can reduce the initial response time which is 1.28s.

[Samantha]

I don’t use, CDN. I think not more essential CDN. What is your suggestion for CDN?

[Scott]

I recommend Cloudfront by Amazon. Very easy to setup.

[Samantha]

Yes, I asked to solve issue of Reduce initial response time for the hosting services too. I want to know why such render blocking issues are generating.

this no: 0.64s is not so less because it comes with Reduce Unused Css:0.15s these two are. I remove all adSense, then I checked but no solution for Render blocking and Reduce Unused Css too. I want to know how can i reduce such issues.
thanks

[Fernando]

Hi Samantha,

Using a CDN should help as well as CDNs are meant to allow resources to travel shorter in a geographical sense.

We’ve had one customer saying she used this and it helped: https://restorebin.com/free-cdn-css-js/

With WP Rocket, here’s an article which may assist you: https://kinsta.com/blog/eliminate-render-blocking-javascript-css/#how-to-eliminate-renderblocking-resources-with-wp-rocket

With regards to the unused CSS, wp-includes/css/dist/block-library/style.min.css?ver=6.0, see David’s response here: https://generatepress.com/forums/topic/remove-unused-css/#post-980539

Hope this helps!

[Scott]

This should help https://web.dev/render-blocking-resources/

That being said, I use a script heavy LMS, plus WooCommerce and found that by using WP Rocket to minify css and JavaScript, with the optimize CSS delivery setting to remove unused CSS AND to defer and delay JavaScript my render blocking was almost completely eliminated. When I added the CDN it improved even more with the added benefit of increasing the website responsiveness.

BUT, I quickly learned if you use multiple speed test websites like Page Speed Insights from Google, GT Metrix, WebPageTest, and Pingdom you’ll get different answers from each. It can get maddening trying to chase after perfect 100% scores. I can easily get a repeatable 100% score with a basic WordPress install. But every time you start more stuff it becomes subtractive.

What is most important is the overall responsiveness of the website versus what you’re offering via the website.

That’s my opinion only so take it for what it’s worth to you. The theme has very, very little to do with render blocking.

[Ying]

Thank you Scott, I agree with your point 🙂

[Samantha]

and when use page loading speed on google tool

I can find out following css files are issues for render blocking(Eliminate render-blocking resources)

wp-includes/css/dist/block-library/style.min.css?ver=6.0
wp-content/themes/generatepress/assets/css/components/comments.min.css?ver=3.1.3
wp-content/themes/generatepress/assets/css/main.min.css?ver=3.1.3

and Reduce unused CSS
wp-includes/css/dist/block-library/style.min.css?ver=6.0

Then, What can I do for them

[Scott]

The resources provided above contain the answers.

[David]

Thanks Scott for your assistance.

The only real render blocking resource left is the block-library styles that WP loads.
If you don’t use the Block Editor then you can unload its stylesheets with this PHP Snippet:

function db_dequeue_block_styles_on_home(){
    wp_dequeue_style( 'wp-block-library' );
    wp_dequeue_style( 'wp-block-library-theme' );
} 
add_action( 'wp_enqueue_scripts', 'db_dequeue_block_styles_on_home', 100 );

You will need to check to make sure those styles aren’t being used.

But as your site is reporting 99 mobile and 100 desktop on Google Pagespeed i don’t thinks there much else we can assist with.

[Author]

Posts