"Optimizing the css for mobile is a bit more involved actually, since you
would need to create a separate stylesheet loading only the essential
rules for rendering the page and defer the rest until later on."
I am activley trying to inline the essential rules to render the page without getting hit by Google page speed for Render-Blocking resources...
What are the essential css rules i should use so i finally can go from RED to Green for mobil speed??? without braking my website.
Sorry but that does not fix the problem with the CSS render-blocking on mobil test... i just need the few css codes that draw out the page before it starts to render style.css, rgs,css etc on mobil. I want to inline it in the header by editing the header.php file. Should be a small amount of css that i need to inline in the header to make this work so it does not block to pass the page speed score.
Hello you mentioned in a other post this:
"Optimizing the css for mobile is a bit more involved actually, since you would need to create a separate stylesheet loading only the essential rules for rendering the page and defer the rest until later on."
I am activley trying to inline the essential rules to render the page without getting hit by Google page speed for Render-Blocking resources...
What are the essential css rules i should use so i finally can go from RED to Green for mobil speed??? without braking my website.
Hey ,
There are many plugins you can use like Better WP Minify . No need to do it manually.
Thanks
ThemeNectar Support Team
Sorry but that does not fix the problem with the CSS render-blocking on mobil test... i just need the few css codes that draw out the page before it starts to render style.css, rgs,css etc on mobil. I want to inline it in the header by editing the header.php file. Should be a small amount of css that i need to inline in the header to make this work so it does not block to pass the page speed score.
Hey Again,
Sorry but i am out of ideas.
Thanks
ThemeNectar Support Team