Render blocking js in PageSpeed

  • Resolved omma46

    (@omma46)


    8 years, 7 months ago

    Hi. Thank you for a great plugin.

    I just activated the lazyload function, and it works great. However, on the one page where i have my image in “above the fold content”, i get an error message in Pagespeed saying min/lazyload.js is render blocking. On other pages, with images below the fold, it doesn’t get any render blocking error.

    I have tried adding the image to the exclude list, and added data-no-lazy=”1″ in image html. It still loads min/lazyload.js on that one page, and gives a render blocking from PageSpeed.

    Any way to solve this? Have lazyload.js inlined?

    Thanks

    • This topic was modified 8 years, 7 months ago by omma46.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Cold Egg

    (@eric780217)

    8 years, 6 months ago

    Hi Omma46,

    May I ask which Path or entry you added as exclude?
    What I saw from source page still showing data-lazyloaded="1" instead of data-no-lazy=”1″. Would you mind to check settings again? and “purge cache all”, see if it works.

    Best,
    Eric

    Thread Starter omma46

    (@omma46)

    8 years, 6 months ago

    Thank you for your reply

    When i look at the page-source, it shows data-no-lazy=”1″. But the remark is still there in PS.

    It shows no error from pages where images is below the fold and lazyloaded. This is the only page where i have the images above the fold.

    It is a small size image, so i don’t need it lazyloaded, but i would like to get 100/100 on PS, and can’t seem to get it with lazyload.js beeing render blocking.

    Plugin Support Cold Egg

    (@eric780217)

    8 years, 6 months ago

    Hi Omma46,

    Can you try set Optimization Settings> “Exclude JQuery” as Disabled, if there is no error from Chrome developer tool, then run it again on PageSpeed site and see if it getting better?

    Best,
    Eric

    Thread Starter omma46

    (@omma46)

    8 years, 6 months ago

    I tried this solution, but it still show up with lazyload.js being render blocking. I have added the image to excluded list, and also added data-no-lazy=”1″ to page html, inside image tag.

    Thread Starter omma46

    (@omma46)

    8 years, 6 months ago

    Any way to defer min/lazyload.js? That would keep it from render blocking.

    Plugin Support Cold Egg

    (@eric780217)

    8 years, 6 months ago

    Hi Omma46,

    After I enabled JS defer, I can see defer data-deferred="1" from page source. You can try add this attribute and see if it works or not.

    Best,
    Eric

    Thread Starter omma46

    (@omma46)

    8 years, 6 months ago

    Perfect, this solved the problem. Thank you for great support.

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

The topic ‘Render blocking js in PageSpeed’ is closed to new replies.