How to stop render-blocking Javascript and CSS? -


i have tested page on google pagespeed insights , keeps saying "eliminate render-blocking javascript , css in above-the-fold content"

it says have 17 blocking scripts , 11 blocking css resources.

i have tried moving of js bottom of page load last google still saying have render-blocking js...

does know how can solve this?

thank in advance help.

you need dig more critical rendering path study.

simple rule: in webpage load things important show user. rest things can loaded after page load has been done.

when js being downloaded on page, stops dom generation , hence stop downloading other resources. putting js @ bottom work still block rendering when js being downloaded. overcome issue suggested add async tag script tag. adding async can lead other issues. see here. more reading can found here.

same case applies css advantages not block dom generation. more reading can found here.


Comments

Popular posts from this blog

node.js - Using Node without global install -

How to access a php class file from PHPFox framework into javascript code written in simple HTML file? -

java - Null response to php query in android, even though php works properly -