Remove Render Blocking JS

  • Resolved wood1e

    (@wood1e)


    8 years, 1 month ago

    Hi

    I have installed your free plugin but I cannot see how it solves the issue of render blocking?

    I can see this https://screencast.com/t/sFPubFikb5S

    But there appears to be no where to insert CSS that blacks render.

    I can see here: https://screencast.com/t/YSFHA06EdW

    where i can add to the header but the scripts are already in the header I want to place them in the footer.

    Add to that the speed on Google Speed test is now slower? So very confused

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    8 years, 1 month ago

    Hello @wood1e

    Hope you’re well!

    Please go to Hummingbird > Asset Optimization and enable advanced mode. See screenshot below:

    Advanced mode gives you full control over your files, you will be able to Combine, Inline, Defer and move to a footer JS and CSS files.

    Please do the changes for one file at the time, each time checking the front end. Not all files can be minified or combined. If you will notice changes in appearance, please unselect last options that were enabled.

    Let us know if you have any further questions!

    Cheers,
    Nastia

    Thread Starter wood1e

    (@wood1e)

    8 years, 1 month ago

    hi,

    Thanks for that, I didn’t see the ‘three lines’

    So is there anyway of removing a Google font link as I cannot find it in the ‘advance section’ to move it to the footer.

    See this one: https://screencast.com/t/PypLmCIVUx

    I cannot see the link when I scroll through the CSS/JS files in advance settings.

    Anton Vanyukov

    (@vanyukov)

    8 years, 1 month ago

    Hi @wood1e,

    You should see the asset in the list. If it’s not there, please try re-checking all the files. And if that doesn’t help, probably the font is not added via proper WordPress functions. HB will not be able to detect and find such files.

    Also, I see that you are using fonts that are not found on Google Fonts. Please verify that the links are correct.

    Best regards,
    Anton

    Thread Starter wood1e

    (@wood1e)

    8 years, 1 month ago

    Hi,

    Ok I will check again.

    I think it is punch fonts, as Monserrat I just removed it has gone from the list of render blocking and now
    https://fonts.googleapis.com/css?family=Neue+Helvetica&ver=4.9.4 is showing so I have just removed Helvetica from punch fonts, and will run again.

    And now showing Good : )

    Thanks

    • This reply was modified 8 years, 1 month ago by wood1e.
    Thread Starter wood1e

    (@wood1e)

    8 years, 1 month ago

    Slightly off topic, but you don’t happen to know why these might show? And if Hummingbird can remove them, or combine them?

    https://screencast.com/t/0UMhrUgW

    To me they are like left over tags that were just not removed, from the development of the site?

    Any pointers would be great

    Anton Vanyukov

    (@vanyukov)

    8 years, 1 month ago

    These seem to be inlined styles from either plugins or themes. I would recommend going over all plugin/theme settings and try to make as much optimization from there. I know for a fact that Revolution slider offers a lot of optimization settings that you should try and apply before adjusting similar settings from Hummingbird.

    After you are sure that themes and plugins have all the optimization settings enabled, try to combine as much scripts and styles from HB as you can. But don’t apply all the settings at once – test each setting and verify that it doesn’t conflict with anything.

    Best regards,
    Anton

    Thread Starter wood1e

    (@wood1e)

    8 years, 1 month ago

    Hi Anton,

    Many thanks, great help 🙂

    Rob

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Remove Render Blocking JS’ is closed to new replies.