[Support request] Render Blocking Issue

Home Forums Support [Support request] Render Blocking Issue

Home Forums Support Render Blocking Issue

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #2255236
    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

    #2255255
    Samantha

    see the following screenshot too
    2022-06-16_19-31-56

    #2255501
    Scott

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

    #2255586
    Ying
    Staff
    Customer Support

    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.

    #2256025
    Samantha

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

    #2256028
    Scott

    I recommend Cloudfront by Amazon. Very easy to setup.

    #2256034
    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

    #2256058
    Fernando
    Customer Support

    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!

    #2256078
    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.

    #2256592
    Ying
    Staff
    Customer Support

    Thank you Scott, I agree with your point 🙂

    #2258940
    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

    #2259157
    Scott

    The resources provided above contain the answers.

    #2259180
    David
    Staff
    Customer Support

    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.

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.