Help moving style.css and fonts.googleapis.com to footer

Hi,

you can move in the footer style.css and fonts.googleapis.com, in order to increase the speed according Page Speed.

“Delete JavaScript and CSS that block the view to the above-the-fold content”

I await your news about

for style.css

try
function custom_dequeue_stylesheet() {
wp_dequeue_style( 'theme-style' );
}
add_action( 'wp_enqueue_scripts', 'custom_dequeue_stylesheet', 99 );

Hi Lucian,

I would need a specific description can,

and how come you have not implemented this feature you directly ?? in Speed Booster plugin

I await your news about

Hi

You can move theme’s css and google fonts in footer by adding this code in td-speed-booster.php file: http://screencast.com/t/3wlizASZysUv

$this->move_style_to_footer_queue('td-theme');
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google-fonts-style');

We didn’t moved theme’s css at page bottom automatically because in this case there appear a delay with the style on page load. If you move the main css in footer the page’s style will be applied only after the html it’s loaded.

Thanks!

Hi Andrei L.,

I tried your change, but it does not work well.

But you can not optimize your website in mobile version, at least 85/90% according to Google Page Speed.

As mobile today is the 60/70% of website traffic.

I await your news about

So the function I provided didn’t work ?

Hi Chris S,

your function has not been proven.

I tried the code in td-speed-booster.php

But how does your edit ??

Could you explain in detail?

I await your news about.

If you don’t know how to add functions to the functions.php file or edit templates manually, best to leave that alone and try the speedbooster option.

• This reply was modified 10 years by simchris.

Hi @orlando

First of all check in System Status if Speed Booster plugin is active: http://screencast.com/t/6lILerCjFuAr You can read more about how plugin works in this topic: https://forum.tagdiv.com/topic/mobile-view-problem-3/
Also not that google it’s more restrictive when it comes about page-speed on mobile devices. For example if on desktop you have 90/100 page-speed, on mobile the number will be smaller. This can be checked on our demo. If you look on desktop page-speed you’ll see that there is no render-blocking resource: http://screencast.com/t/pNE7wUbobndD but for the same demo on mobile devices google find a few resources which slow down the page load: http://screencast.com/t/GpmmJ1LHZVPt
To have the same page-sped on mobile as on desktop are required additional customizations and lots of tests. You can follow google’s indications to improve you mobile page-speed but keep in mint that this is a complex task which require some coding skills.
We can’t offer speed customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks for your understanding and for your message.