Support » Plugin: Autoptimize » Eliminate Render Blocking CSS

Viewing 15 replies - 106 through 120 (of 152 total)
  • Hi Fang/others,

    I am trying to fix “Eliminate render-blocking JavaScript and CSS in above-the-fold content”.
    I have tried all the options which you have suggested to various users in different places/threads. Thanks for your extensive support.

    Currently I have set
    Optimize HTML checked
    Optimize JS checked
    Also aggregate inline JS checked
    Optimize CSS checked
    Generate data: URIs for images? checked
    Inline and Defer CSS? checked (I have set critical CSS path)
    No CDN but using free cloudflare and w3 super cache

    My insight score for http://krazytech.com for mobile is just 55 and for desktop its 77.

    Also for top posts like http://krazytech.com/technical-papers/latest-technical-paper-topics-for-presentation
    Mobile – 42, Desktop – 59.

    I do not know why this difference for individual pages.

    It would be a great favor if you guide me what is wrong here.

    Plugin Author Frank Goossens

    (@futtta)

    look at the detailed GPSI recommendations @ravibbb; you have an important amount JS (and some CSS) loaded from 3rd party sites and those are render-blocking and thus killing your pagespeed scores.

    Thanks a lot for the reply Frank. I got this now.

    I see that most of the render-blocking JS is from Cloudflare.com.

    I had though cloudflare is very useful. With autoptimize, super cache this can be achieved easily I guess. Shall I point DNSs directly to my host ?

    Would you recommend any other affordable CDNs ?

    Thanks a ton again !

    Hi ,

    http://www.martinblee.com/ this is my website. I have installed the Autoptime plugin, but everytime I inline the CSS it gets messed up.
    I ran the page speed and saw 12 blocking script resources and 7 blocking CSS resources for mobile and 3 blocking script resources and 4 blocking CSS resources for desktop.

    Can you guys help me out to resolve this ASAP.

    Regards

    Plugin Author Frank Goossens

    (@futtta)

    I’m not sure all those requests are actually because you use cloudflare, it’s just as possible your theme (or a plugin) load JS from cloudflare’s CDN …

    Thanks Frank for your views.
    I will take some action against this.

    Great thread! I am watching your YouTube video now

    I followed the steps for checking off Inline and defer CCS and followed those steps. When I do that the menu and top image header disappears from the website so that won’t work for me. And when I re-ran the test the mobile speed only went up 2 points.

    This is the website I’m trying to improve (FYI I did NOT build this website) Seems like they didn’t do a very good job, I have cleaned up A LOT of stuff
    http://6thsensedental.com/

    Any other suggestions?

    I also keep getting these errors
    Remove the following redirect chain if possible:

    http://pixel.mathtag.com/event/js?mt_id=791528&mt_adid=144378&v1=&v2=&v3=&s1=&s2=&s3=
    http://pixel.mathtag.com/event/js?mt_id=791528&mt_adid=144378&v1=&v2=&v3=&s1=&s2=&s3=&mm_bnc&mm_bct
    http://ak1.abmr.net/is/pixel.mathtag.com?U=/event/js&V=3-SL0bJCRrl6sTOT7o17R8h3jXbJgwynkSvmDfW9Vn5B5MR74sSMRdlg%3d%3d&I=93D9B730E0AEEB5&D=mathtag.com&01AD=1&mt_id=791528&mt_adid=144378&v1=&v2=&v3=&s1=&s2=&s3=&mm_bnc&mm_bct
    http://pixel.mathtag.com/event/js?01AD=3SV_9AG8pq0QsDzapHiNqKKUbqZ3C8UHo7wB8B54wZsoHsHiRNSMpPg&01RI=93D9B730E0AEEB5&01NA=na&mt_id=791528&mt_adid=144378&v1=&v2=&v3=&s1=&s2=&s3=&mm_bnc&mm_bct

    What is this pixel.mathtag.com?

    Plugin Author Frank Goossens

    (@futtta)

    MediaMath is a global provider of digital advertising media and data management technology. MediaMath’s TerminalOne™ Marketing Operating System (the “Platform”) activates data, automates execution, and optimizes advertising interactions across addressable media — delivering greater performance, transparency, and control to marketers and a better experience to consumers.

    so someone (the developers) or something (a plugin) added visitor tracking to the site.

    Any other suggestions?

    well, I see you’re using AO and WPFC, which is great combo, but you should disable all minification in WPFC or disable AO to avoid problems; minifiers are a jealous bunch 😉 once you’ve done that, it’s possible the impact of inlining your critical CSS will be higher (and the result better).

    hope this helps,
    frank

    Thanks Frank, I tried that and the slider on the home page still disappears. I’ll just leave that part alone for now.

    Now for the MediaMath, how do I remove that stuff? I don’t see a Plugin that might be related to it. These are the plugins on the site currently

    Async JavaScript
    Autoptimize
    Gravity Forms
    Lightbox Gallery
    Photo Gallery
    Advanced iFrame
    iframe
    WordPress SEO
    Vamtam Push Menu
    Akismet
    Clean Testimonials
    Postman SMTP
    BackUpWordPress
    Revolution Slider
    Spreaker Shortcode
    WP Retina 2x
    WP Video Lightbox
    MDR Webmaster Tools

    Plugin Author Frank Goossens

    (@futtta)

    no idea to be honest, guess you’ll have to disable plugins one at a time to identify the culprit.

    Thanks.

    And I didn’t touch anything with my home slider but the images are all of a sudden gone. Even in the plugin they are just gone.

    I tell ya, I hate WP sometimes. lol

    Hi Frank,

    I see following link in render blocking CSS. This is the critical css file. Do I need to take some action for this ?

    /wp-content/cache/autoptimize/autoptimize_9bb675a7c16951cbc031d6f45b12bfbf.php

    Plugin Author Frank Goossens

    (@futtta)

    the critical files are not cached in wp-content/cache/autoptimize/, so this is a “normal” CSS-file (which is deferred). if you’re doing “inline & defer” and the deferred file is still showing as render blocking, your critical CSS is not complete (or not complete enough to render your above-the-fold content), so you’ll have to tweak that.

    frank

    Hi Frank

    Please could you help me, I’m trying to get my site (very much not finished however I wanted to see if it was possible to get a word press site super fast on mobile and then I was super excited to find Autoptimize 🙂

    http://www.janinemarriott.com

    I have watched your video on how to eliminate render blocking CSS in above the fold content and as far as I can see I’ve done that correctly, however when I put it through my site through pagespeed insights I’m still getting these messages. I’ve really tried to work out if I’m doing something wrong and I just can’t. If you have any words of wisdom I’d really appreciate it.

    Your page has 1 blocking script resources and 3 blocking CSS resources. This causes a delay in rendering your page.

    Remove render blocking JavaScript
    http://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201652

    Optimise CSS Delivery of the following:

    http://janinemarriott.com/wp-content/cache/autoptimize/css/autoptimize_9f475a5ecfd2b0704df43d250392fc7e.css

    http://janinemarriott.com/wp-
    content/cache/autoptimize/css/autoptimize_c8a1af45135146a3a731de8d6af4c3f4.css

    http://janinemarriott.com/…allbiz_expand2web_css_header&v=Full2.1.7

    Thanks so much
    Janine

    Plugin Author Frank Goossens

    (@futtta)

    well, your critical (above the fold) CSS seems to be insufficient to render the visible part the page correctly Janine, try re-generating the CSS. if you can fix that, you should be able to have at least the 2 autoptimized files removed from the render-blocking list.

    the blocking devicepx-jetpack.js and allbiz_expand2web_css_header css however will remain render blocking (the JS is external, the CSS is dynamic).

    hope this clarifies,
    frank
    (it’s not my video, you have to thank aj@wpfaster for that 🙂 )

Viewing 15 replies - 106 through 120 (of 152 total)
  • The topic ‘Eliminate Render Blocking CSS’ is closed to new replies.