Pagespeed

TD Booster isnt doing anything for me. I’ve marked all the scripts and CSS like the tutorial, but nothing,

My code is this one:

//jetpack lost styles
$this->move_style_to_footer('jetpack-subscriptions');
$this->move_style_to_footer('jetpack-widgets');
$this->move_style_to_footer('taqyeem-style');
$this->move_style_to_footer('easy-social-share-buttons');
$this->move_style_to_footer('rs-plugin-settings');
$this->move_style_to_footer('wp-polls');
$this->move_style_to_footer('advanced-responsive-video-embedder-plugin-styles');
$this->move_style_to_footer('js_composer_custom_css');
$this->move_style_to_footer('jetpack_css');
$this->move_style_to_footer('td-bootstrap');

$this->move_js_to_footer('themepunchtools');
$this->move_js_to_footer('revmin');
$this->move_js_to_footer('tp-tools');
$this->move_js_to_footer('jquery');
$this->move_js_to_footer('taqyeem-main');
$this->move_js_to_footer('wp-polls');
$this->move_js_to_footer('devicepx');
$this->move_js_to_footer('td-external');
$this->move_js_to_footer('td-site-min');
$this->move_js_to_footer('js_composer_front');

You can check my site 🙁

http://www.anim-arte.com/

hi friends,

this is my site http://www.abcbloggingworld.com/

if see my site speed https://developers.google.com/speed/pagespeed/insights/?url=www.abcbloggingworld.com&tab=mobile

its very very low kindly help please

Hi guys, we are CDN so the web is pretty fast however we would like to improve PageSpeed, YSlow, Pingdoom and GTmetrix. is it safe to use this plugin for leverage browser cash etc.. web: http://www.electropiknik.cz

plugin url: https://wordpress.org/plugins/remove-query-strings-from-static-resources/

You don’t need to use the plugin; you can simply add the code to your functions.php file as I’ve noted in my posts. 🙂

which posts Christopher? thanks for your help!

Scroll back through this sticky topic to read all my advice and solutions for optimizing page speed, including functions.php, htaccess, avatar caching, etc. — some of that has now been added to theme docs, but not all.

Hi can you check my site
i’ve a big problem with speedtest
and in mobile version the logo doesn’t appears.
Can you help me?

http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.milkbook.it%2F&tab=mobile

This is some of file td-speed-booster.php
/**
* Move the style only on newspaper
* @todo move the style also on newsmag after we fix all the issues
*/
if ($this->is_ie === false and TD_THEME_NAME == ‘Newspaper’) {
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘td-theme’); //this is the main style of the theme, it depends on td-bootstrap to load
}

$this->move_style_to_footer(‘google-font-rest’);
$this->move_style_to_footer(‘woocommerce_frontend_styles’);

//jetpack lost styles
$this->move_style_to_footer(‘jetpack-subscriptions’);
$this->move_style_to_footer(‘jetpack-widgets’);
$this->move_style_to_footer(‘easy-modal-site’);
$this->move_style_to_footer(‘tm_clicktotweet’);
$this->move_style_to_footer(‘contact-form-7’);
$this->move_style_to_footer(‘optinforms-stylesheet’);
$this->move_style_to_footer(‘rs-plugin-settings’);
$this->move_style_to_footer(‘teeoptimize-plugin-styles’);
$this->move_style_to_footer(‘boxes’);
$this->move_style_to_footer(‘google-font-rest’);
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘td-theme’);
$this->move_style_to_footer(‘js_composer_front’);
$this->move_style_to_footer(‘js_composer_custom_css’);
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘optimizepress-fancybox’);
$this->move_style_to_footer(‘optimizepress-wp’);
$this->move_style_to_footer(‘optimizepress-default’);
$this->move_style_to_footer(‘flare’);
$this->move_style_to_footer(‘flare-oswald-font’);

/**
* move javascript to footer
*/
$this->move_js_to_footer(‘themepunchtools’);
$this->move_js_to_footer(‘revmin’);
$this->move_js_to_footer(‘teeoptimize-plugin-script’);
$this->move_js_to_footer(‘optimizepress-loadScript’);
$this->move_js_to_footer(‘optimizepress-noconflict-js’);
$this->move_js_to_footer(‘optimizepress-loadScript’);
$this->move_js_to_footer(‘optimizepress-placeholder’);
$this->move_js_to_footer(‘optimizepress-fancybox’);
$this->move_js_to_footer(‘admin-bar’);
$this->move_js_to_footer(‘easy-modal-site’);
$this->move_js_to_footer(‘contact-form-7’);
$this->move_js_to_footer(‘jquery’);
$this->move_js_to_footer(‘placeholder’);
$this->move_js_to_footer(‘tp-tools’);

}

Quick note for those who have read all my posts the past 12 months (time flies!) for my optimization on using NEWSPAPER theme. Note for any links to my ga-ga.com I’ve put in my posts, I have moved that site to now using NEWSMAG, also from TagDiv, as for this particular project site (launching finally Jan 2015!), I found NewsMag fit the project better. So, obviously it’s under construction again, and not fully optimized so testing any of my example page links will be different in pagespeed scores, than what they were up until a month ago.

Only mentioning this, as it came up in another thread.

happy holidays 2014 ! 🙂

Chris any chance you would do some optimization for hire? 🙂

@sgoadmin
Not right now … trying to migrate an old ecommerce system from old platform (cubecart) to new platform (woocommerce) so we can switch mod_SPDY back on for the server, trying to install custom local copy of “piwik” on subdomain with wildcard SSL, and generally overloaded at the moment …. 🙂

• This reply was modified 11 years by simchris.

Hello!

I’m asking to my host to install mod_pagespeed, it is a good way to optimize my site speed? Can someone give me a definitive configuration that doesn’t hurts my theme, so I can give it to my host team…

Thank You

I think you can find my suggested pagespeed settings for the htaccess file in this thread someplace – perhaps do a search. (I added below 🙂 )

For the server side settings, you would need to test that as the actual settings tend to vary slightly depending on what OS you’re running, whether you’re using something like APC cache, etc.

Usually for the server side config, simply running with “all filters on” works (CoreFilters default) and you can also put in a config line to specify NOT optimizing the wp-admin folder.

We actually used this as a starting point, then tweaked
http://www.ray.45press.com/optimal-mod_pagespeed-configuration-for-wordpress-hosting/

If your web host doesn’t suck you should be able to request they setup the config file for a wordpress site.

Note the config for https is slightly more tricky, but if you’re just running http it’s not terribly complex once you try running with default settings on.

I then “dial in” the settings I want in my htaccess file per site, also so I can turn OFF mod_pagespeed to do site updates (!).

So

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>

and then switch to

<IfModule pagespeed_module>
ModPagespeed off
</IfModule>

when doing major updates such as WP version, theme update, or changing any logo file with same file name, or regenerating thumbnails.

Hope that helps. Don’t freak out if it crashes your site the first time. It’s a learning process and the Google docs kind of (totally) suck.

Thank you so much for you help! We will test it ASAP!

Hi! We launched our new version of the site based on Newspaper theme.

We are still having issue with the speed, especially on mobile layout.

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.rnbjunk.com%2F

We are using W3 as suggested, only Page Cache and Browser Cache activated. MaxCDN, Cloudflare, and Speed Booster TagDiv, with Speed Booster Pack.

Could someone give us assistance?

Thank you

Well, all those images coming off wp.com need to be optimized.

The ads from ‘juice’ and ‘4wnet’ are not well optimized.

Try looking at one of your post pages with gtmetrix.com as that will give you better help and guidance on what you need to fix. Note that anything loaded from external source, like ad networks, images, etc., all slow your site down. So, you need to work out tradeoffs on limiting ads for mobile, like only showing ONE ad on mobile devices not 4-5, etc.

eg
http://gtmetrix.com/reports/www.rnbjunk.com/wCNJFip9

REMINDER ON PAGE SPEED SCORES :

Test your site with AdSense turned “off” as this gives you a false negative score which Google takes into account when seeing the “actual” score for any ranking purpose.

Meaning if you have a desktop score of 93 with no ads, and 89 with AdSense running; Google is not going to really penalize you those 4 points simply based on the advertising which is from their own system.

So normal practice for Pagspeed optimization:

1) test and optimize with the following OFF
a) AdSense
b) Disqus/Livefyre
c) Jetpack
d) Social “counters”
e) AddThis, etc.

2) optimize based on this base setup.

3) slowly turn on the other external elements, and then choose the trade offs of features vs score.

e.g., should you choose local comments or Disqus ? Test with both, and choose features vs speed.

Should you choose social “counters” or simple share buttons. Does anybody care how many shares you have? Can you gain a point turning those “counters” off ? Do you need to put the counter widget on EVERY page, or just the home page?

Do you need to have 20 thumbnails per post? Maybe set a limit of 10 images per page as a baseline optimization target. Consider using more text in the sidebar than all images?

If you’re above 90 with ads and such turned off, you’re fine. Over 85 for mobile, you’re fine. If under that, and you have fully optimized your site, then you have to take away some features to reach the desired “number.” Simple as that.

I get very bad grade, and my site loads very slowly.
43/100 for PC & 18/100 For Mobile.
I tried what is proposed here and still nothing.
What am I missing?

Thank you very much.

http://www.hayom.org.il/

Hi everyone
I have already answered the same questions 50 times the past year and they are all covered in this thread.

I am no longer providing any help with PageSpeed issues, as this is all covered in this sticky topic for advanced users, and for newbies, the settings/docs provided by TagDiv for the theme docs (link right side of page) will get you to the 80+ stage right away. If your score is below that then you *did not* follow the theme docs or this topic on the basics for speeding up your WORDPRESS install.

WordPress optimization is widely covered on the net – it’s not theme specific.

You need to have
a) fast hosting; $3/month accounts or “free” hosting are crap.
b) have gzip/deflate running on server
c) you need to set expiration headers in your htaccess (noted in docs)
d) you need to have an image optimization strategy (noted in docs); either via plugin and/or changing optimization setting in functions.php (covered in this sticky topic.. why not READ through it??)
e) you need to optimize your dbase regularly (wp-optimize plugin)
f) you need to limit use of things which call CSS, JS, fonts, ads, counters from OTHER SITES.
g) you need to test/explore refine some kind of caching system on the server or from a WP plugin (noted in docs)
h) high quality hosting will add mod_pagespeed
i) you need to look at manual minification of main style.css file
j) limit number of ad networks
k) limit number of plugins wherever possible
j) limit total number of images/thumbs loaded on post pages to something like 10 total; not 30+
k) use fewer module types to limit number of image sizes/thumbs; use text modules also.

Advanced users:
a) local caching/loading of gravatars
b) mod_pagspeeed and mod_spdy if site loading via https
c) optimization of font loading, hack theme to remove calls from headers/footers to Google and load via style.css; -or- use ONLY web-safe fonts and no Google fonts.
d) manual minification of other files, such as main theme functions files
e) optimization of wp-config.php file with comment removal, add paths to base URL/directory and theme directory by name
f) add expiration type/ttl for custom icon font loaded by theme

etc.

Learning to optimize your WordPress site is UP TO YOU TO LEARN. It’s not part of the theme. The theme supports very good speed rating IF YOU DO THE REST. The theme cannot fix your server, optimize your htaccess file, speed up time, or transport you off this rock. Google is a great resource to FIND hundreds of articles from the past decade on optimizing WordPress. You’re not the first person to do it.

Chris out.

Hi,
I try to Remove render blocking css/js According to the guide. https://forum.tagdiv.com/pagespeed-guide/

But that did not change anything for me. Errors still appear for Google.
Moreover, it made me a little trouble.
http://www.hayom.org.il/wp-content/uploads/2015/02/booster.php_.jpg

Added:
Even the slide does not work.

http://www.hayom.org.il/

Thank you!

Chris’ easier to read summary in one place, for 2015:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/

Hello I need your help to optimize the speed of my site http://www.formen-magazine.com/ I try to follow the tutorials but as I do not speak English it is not easy

thank you

Hi Chris,

I use photoshop to optimize images in posts with a quality factor 60 but thumbnails on website stays same(no optimization for featured images).

add_filter( 'jpeg_quality', create_function( '', 'return 60;' ) );

This code that you mention before applies optimization to all images. This is good but if an image is blurry, I cant change the quality of that image manually. I didnt used this code before maybe it wont be blurry.

I put 10 images for each post. What do you recommend? photoshop or functions.php code? or both?

Thank you

You would do both …

You should save photoshop jpeg images out with a quality of typically 22 to 32 when doing “save for web,” and try adding blur of .2 — if you have lots of reds, try 52. 60 is too high unless you’re a photography site. Seriously compare 60 to 32 and notice the much smaller file size.

The functions.php setting for jpeg quality works well at 45 vs 60, but is intended only for thumbnails — it doesn’t change the images you upload in any way. It’s to make all those little thumbnails as compressed as possible since they are really just invitational images to read full story and don’t need to be “high quality” for any reason.

Hope that made sense.