Hi,
Even if you move all css and js at the end of the page that warning may still appear because the pagesped test also penalizes the number of plugins and the percentage they get from the page code.
An alternative to this may be to use modpagespeed, but it depends if your host allows it – https://code.google.com/p/modpagespeed/
Tank you, Emil G.
Hi,
I have problems in images optimizing & need your help to take a look.
Score = 82 (without cloudflare & W3)
Socre = 62 (with cloudflare-pro plan & w3)
Both sites using plugin EWWW Image Optimizer.
Thanks in advance!
this way i get css ids but how to get javascript id?? when i use your function.php code but i can’t get the id which google page speed tell in pagespeed results. and i edit td-speed-booster.php file and add this code $this->move_style_to_footer(‘jetpack_css-css’); but it didn’t work. 🙁 why??
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
Hello, this was my previous question regarding website speed :
https://forum.tagdiv.com/topic/how-to-do-further-website-optimization/
I followed all of your instructions, my speed test was improved on mobile and desktop.
but yesterday when i changed template layout on my site, google speed test dropped again:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.unbelievable-facts.com%2F&tab=mobile
On desktop it is good 91 out of 100
and there is only 1 render blocking css which you told me it can not be moved.
http://www.unbelievable-facts.com/…content/themes/Newsmag/style.css?ver=1.5
But on mobile there are some more scripts and css files showing on speed test, it wasn’t there before making changes in template:
Remove render-blocking JavaScript:
http://ajax.googleapis.com/…s/jquery/1.11.1/jquery.min.js?ver=1.11.1
http://www.unbelievable-facts.com/…alite/Socialite/socialite.min.js?ver=2.0
http://www.unbelievable-facts.com/…ugins/wpsocialite/wpsocialite.js?ver=1.0
http://www.unbelievable-facts.com/…ensions/socialite.stumbleupon.js?ver=1.0
http://www.unbelievable-facts.com/…jquery.form.min.js?ver=3.51.0-2014.06.20
http://www.unbelievable-facts.com/…ct-form-7/includes/js/scripts.js?ver=4.1
http://www.unbelievable-facts.com/…themes/Newsmag/js/td_site.min.js?ver=1.5
http://www.unbelievable-facts.com/…includes/js/comment-reply.min.js?ver=4.1
Optimize CSS Delivery of the following:
http://www.unbelievable-facts.com/…content/themes/Newsmag/style.css?ver=1.5
http://www.unbelievable-facts.com/…poser/assets/css/js_composer.css?ver=1.5
http://www.unbelievable-facts.com/…t-form-7/includes/css/styles.css?ver=1.5
http://fonts.googleapis.com/…,600italic,700italic,400,700,600?ver=1.5
http://www.unbelievable-facts.com/…p-includes/css/dashicons.min.css?ver=1.5
http://www.unbelievable-facts.com/…p-includes/css/admin-bar.min.css?ver=1.5
http://www.unbelievable-facts.com/…/wpsocialite/lib/wpsocialite.css?ver=1.5
http://www.unbelievable-facts.com/…p-subscribe/css/wp-subscribe.css?ver=4.1
and these scrips and css don’t seems to have a ‘file id’so i can not move them using speed booster plugin.
please guide me further!
Hi everyone
On the topic of “PageSpeed,” I have already answered the same questions 50-100 times the past year and they are all covered in the “sticky” thread found in the Newspaper forum.
I am no longer providing any help with PageSpeed issues, as this is all covered in the 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 the 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.
When testing site with something like GTMetrix.com *READ* the information provided with examples and solutions. Only YOU can fix your own website, why ignore the info provided as so many on this forum(s) seem to do?
Advanced users:
a) local caching/loading of gravatars (I provide solution in the sticky thread)
b) mod_pagspeeed and mod_spdy if site loading via https (I offer help on that in the sticky thread and other discussion on mod_pagespeed; search forum)
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. (I also describe how to do this in sticky thread; although might need update based on current location of font calls with theme evolution/updates)
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 (I show example in sticky thread)
f) add expiration type/ttl for custom icon font loaded by theme (betcha forgot that one!)
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.
(I am adding this here, as many don’t look at the sticky thread and/or folks in the Newsmag forum never saw that. Even so, most posting “my score is 40” clearly did NOT follow the basics found in theme docs.)
#1 TIP: don’t worry about render blocking elements until EVERYTHING ELSE is done. Those last items really only impact your last couple of points. I have 95 score with Newsmag without full optimization of the fonts or minification. It’s doable!
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.
Hello, thanks, by following all above instruction i am being able to speed up a bit :
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.unbelievable-facts.com%2F
from 70 to 76, i have few more question, should i consider “Minify CSS” & “Minify JavaScript”
which are not third party and hosted on my site?
Also you suggested me to update template,i did. I was using plugin to replace wp comment with fb comment:
https://wordpress.org/plugins/fatpanda-facebook-comments/, which is not working after template update.
Right now i have removed comment plugin, Now not even wordpress default comment system is working properly, check this : http://www.unbelievable-facts.com/2013/05/portrait-made-of-21-million-ink-dots.html
Comment box is not visible, it is visible to few posts!
Please help!
If you don’t know how to edit files manually for the theme you should not attempt any minification. There is no plugin to do it properly, aside from some things which mod_pagespeed running on your server might help with.
If you’re new to HTML and webdev.
The way you “minify” a file is removing extra spaces and line breaks.
For example, open the style.css file in text editor/programmer tool (I use TextPad on Windows, and BBedit on Mac), copy all the text, paste into the CSS minifier (link provided in my prior post); hit minify button, then paste back into the style.css file.
That is what minification is. Plenty of tutorials on the topic online.
In WP config, comments looks like
/** Sets up WordPress vars and included files. */
I cover most of this in the pagespeed sticky topic from the past year using the theme. Might be worthwhile to read through that; perhaps going back to front for my later posts.
But basically, you need to manually edit the files you want to minify, then use a tool to “minify” them; then replace the files on server in theme folder, etc., with the optimized versions.
Minifying the style.css file is the simplest thing to start with.
For minification I only recommend the following, and DONE MANUALLY:
I use http://cssminifier.com/
1) remove all the comments in wp-config.php manually
2) minify the style.css file
3) minify the functions.php file
4) if not running mod_pagespeed which does it for you, then you might also consider, manually opening your main post template and remove all double spaces and comments.
these are probably the 3 most loaded files on a WordPress site, and minifying them can really help.
Also putting in your direct URLs for base URL and home URL in the wp-config.php file really helps by saving queries. Similarly direct link to your theme folder also saves queries. But that is a bit advanced. See the WordPress Codex for more info on this topic of optimizing the wp-config.php file for hard-coded PATHS on your domain.
You can *try* minification of the main java file (.js), but this doesn’t always work very well.
Try:
http://javascript-minifier.com/
http://refresh-sf.com/
Or, open the two “main” .js files and just remove all the commenting, if you want a quick and dirty optimization.
Hi,
for those who keep getting the resize thumbs “error” when running a pagespeed test, here again is the fix from v1.4 which didn’t end up in v1.5
this edits the thumbnail section in /includes/td_config.php
around about line 560 or so; you will need to add this new size
array(
'name' => 'td_200x150',
'width' => 200,
'height' => 150,
'crop' => array('center', 'top'),
'post_format_icon_size' => 'normal',
'used_on' => array(
'Related articles'
)
),
This should allow the related items at bottom posts to use a 200×150 thumb, vs resizing the 'name' => 'td_238x178', thumbnail, also used for ‘Module 11’, ‘Block 12’, ‘Big grid – small image’
You may not need this; but those who know what I’m talking about, this is the fix from 1.4, which I’m now applying to my 1.5 install as well.
Likely doesn’t improve score; and adds yet another thumb; but this is for those who hate seeing the “image was resized” errors in running speed testing. 🙂
Hello team,
How to minify javascript files and css files. i see you demo and you guys are using minify js and css. how you do that in my website http://www.movzio.com google pagespeed suggest minify HTML,CSS and JS. and the second issue is admin-ajax.php load to slowly can you please suggest the solution 🙂
Thank you
-Mosam
For minification I only recommend the following, and DONE MANUALLY:
I use http://cssminifier.com/
1) remove all the comments in wp-config.php manually
2) minify the style.css file
3) minify the functions.php file
4) if not running mod_pagespeed which does it for you, then you might also consider, manually opening your main post template and remove all double spaces and comments.
these are probably the 3 most loaded files on a WordPress site, and minifying them can really help.
Also putting in your direct URLs for base URL and home URL in the wp-config.php file really helps by saving queries. Similarly direct link to your theme folder also saves queries. But that is a bit advanced. See the WordPress Codex for more info on this topic of optimizing the wp-config.php file for hard-coded PATHS on your domain.
Hi,
Please use the guides I’ve pasted below and the tagdiv speed booster plugin to do it:
* https://forum.tagdiv.com/how-to-make-the-site-faster/
* https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
You can also follow this topic to find out how others fixed their issues regarding pagespeed: https://forum.tagdiv.com/topic/pagespeed/
Hope this helps!
Thanks
Hi,
Looks like the server response time is the main issue, I also see it when checking your site with google’s pagespeed insights tool: http://developers.google.com/speed/pagespeed/insights/?url=www.toppcnews.com&tab=desktop
You could also follow their documentation for the server response time and their recommendations: https://developers.google.com/speed/docs/insights/Server
Regarding the minify option, please note that the theme doesn’t recommend using that option as it could cause issues like the one you describe however you can track the script that breaks when you minify it and use the option to ignore the part of the js which cases issues, like this one in W3TC: http://screencast.com/t/zHQtDRkKd
Also consider that the theme already uses a minfied version of theme js when using the speed booster plugin so you wont need additional minification options.
Hope this helps!
Thanks
Hello, thank you for replying, i applied all above things to site:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.unbelievable-facts.com%2F
speed is still not really well, i have 80% mobile traffic on my website, please suggest me some more tips to speed up my website on mobile and tab platforms!
Well, server response is not how long the page takes to load, but how long it takes to first respond.
welcome to wordpress… Optimization is a lot of trial and error. I spent entire month of jan 2014 wasted on how to optimize our business site, with minification, cdn yes then no, sub domain to limit number of loads from one domain, mod pagespeed plugin, image optimization, sprites for some things, use fewer plugins, optimize wpconfig file, optimize fuctions.php file, optimize font loading, etc.
If I enable minify from the CDN my sliders won’t work with this theme… Is it possible to get 2-3 seconds load time and Yslow of 90 for example. This is my google pagespeed test.
http://developers.google.com/speed/pagespeed/insights/?url=www.toppcnews.com&tab=desktop
What else can I improve I am really obsessed with this stuff.
Why not ask your CDN service ? They’re the one who sold you the plan?
A CDN “can” “in most cases” speed up a website by loading things like photos from a server closer to the person viewing it; meaning somebody in NY might get an image faster than somebody in CA, if loading the image from a server based in NY.
This doesn’t always mean the pages load any faster for PageSpeed. We ended up just loading things from our own server as the CDN didn’t “really” speed things up for us in actual practice. It’s more useful on large shared hosting accounts.
This info may be useful 🙂
http://gtmetrix.com/why-use-a-cdn.html
Hi,
First you should update the theme to the latest version and also update the plugins.
1. You have to move the css that comes from the plugins to the page bottom, you have to look for their classes and use the function presented in the pagespeed guide, use the provided function to identify the classes (for css you can also look into the page source) – http://screencast.com/t/tmBelfMQ
Do not move the style.css that comes from the theme, it causes issues.
Ex:
$this->move_style_to_footer('js_composer_front');
You should do this only after you decide which plugins you’ll use. Also note that not all plugins will tolerate this operation, after each move check the site to see if everything works fine.
About contact form – we use Contact Form 7 on our demo, you can try it or ask for another recommendation, i’m sure someone will provide some feedback on this.
2. and 3. Avoid js minification, it causes errors.
Try the other minification settings included in the W3 Total Cache plugin. – http://screencast.com/t/3cbIE92N
Thank you, Emil G.
Hi Chris! Thank you for all your suggestion, the server seems to be better now, unfortunately we have issue on speed of the site again:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.rnbjunk.com%2F
http://www.webpagetest.org/result/150129_7M_MXV/
http://gtmetrix.com/reports/www.rnbjunk.com/XdWKMwAw
We have activated TagDiv Speed, Speed Booster Pack, W3 Total Cache (Page CDN Browser CLOUDFLARE).
Hello, i have already follow your these guidelines to speed up my site:
https://forum.tagdiv.com/page-speed-guide/
But still my score on google speed insight is 70 and 84 for mobile and desktop!
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.unbelievable-facts.com%2F
I have few questions please guide me:
1. it is showing i need to optimize CSS Delivery, i saw article about combining many css files to one, but i am not sure if it will be applicable in these 3rd part css below:
Optimize CSS Delivery of the following:
http://www.unbelievable-facts.com/…ontact-form-plugin/css/style.css?ver=4.1
http://www.unbelievable-facts.com/…ser/assets/css/js_composer.css?ver=4.3.4
http://www.unbelievable-facts.com/…content/themes/Newsmag/style.css?ver=1.2
http://www.unbelievable-facts.com/…alize/frontend/css/socialize.css?ver=4.1
first css is of contact form i am using, widget url is :
https://wordpress.org/plugins/contact-form-plugin/
please suggest me good contact form, which will not create any porb.
2nd css is of visual composer i guess, please suggest me its solution too.
2. Minify CSS for the following resources to reduce their size by 10.5KiB (16% reduction).
Minifying http://www.unbelievable-facts.com/…content/themes/Newsmag/style.css?ver=1.2 could save 9.1KiB (17% reduction) after compression.
Minifying http://www.unbelievable-facts.com/…ser/assets/css/js_composer.css?ver=4.3.4 could save 1.4KiB (13% reduction) after compression.
How can i compress them? please guide!
3.Minify JavaScript for the following resources to reduce their size by 4.8KiB (3% reduction).
Minifying http://www.unbelievable-facts.com/…assets/js/js_composer_front.js?ver=4.3.4 could save 2.1KiB (36% reduction) after compression.
Minifying https://www.gstatic.com/swiffy/v7.1.1/runtime.js could save 1.4KiB (2% reduction) after compression.
Minifying http://www.unbelievable-facts.com/…themes/Newsmag/js/td_site.min.js?ver=1.2 could save 775B (3% reduction) after compression.
Minifying http://pagead2.googlesyndication.com/…s/r20150122/r20141212/expansion_embed.js could save 512B (2% reduction) after compression.
How can i minify them? please guide?
And 1 more question, currently i am using dedicated server, should i try CDN? will it help improving page speed? if yes then how much?
GTmetrix.com is useful for newbies as it shows examples and also offers fixes such as optimized versions of problem images and minified elements for those unable to do that stuff themselves. I usually recommend it as opposed to Google’s own Pagespeed Insights, since Google doesn’t really explain very well how to fix anything. GTM also has a plugin you can use to chart your improvements (or they did anyway).
I will admit I have worked with their parent company for 15 years several times on client projects, hence my high level of trust.
Still – one needs to follow the advice provided by ANY of the docs, posts, or online tools, as starting point to optimize a site; it won’t fix itself 🙂
Did you add the items to your htaccess file ? Doesn’t look like it.
You need to do EVERYTHING ELSE before messing with the speedbooster plugin customizations, which are optional and entirely up to you.
You need to take care of ALL the other issues EXCEPT for “render blocking CSS/javascript” first or the latter will do nothing for your site. That step is done LAST to get the last couple of points, not the 25-30 points you’re down right now due to all the other issues that ONLY YOU can manage.
Web server optimization is up to you, and is related to optimizing WORDPRESS, not the theme. Tech support here is for the THEME, and not to teach you how to manage your web server … folks here are helping on that as time permits, but you have to take the initiative to LEARN how to do that — WordPress has been around 10 years — lots of tutorials on the web. “How to optimize WordPress for best Pagespeed” … simple search in Google, for example.
And all the links in this thread — SHOW YOU a number of things you should do, but you need to do that.
Nobody ignoring you — you need to fix your own house, that is YOUR job to tackle.
You’ve read the docs … well, now you need to actually *do* some of the guidelines or they won’t work.
Fix your htaccess file; make sure you have compression running, and expiration headers; optimize your images; minimize external elements loading on your site; etc. — ONLY YOU can do that stuff. If it means nothing to you, then you likely will need to hire a developer to help you.
Hi,
If you test your site using page speed insights pr gtmetrix you can find all issues you have to fix and also steps you need to follow to get this done: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fvidzo.ru%2F&tab=desktop
Use the guide for page speed, without any additional plugins will help you achieve this just do some research on this because as stated in the guide this is not recommended if you are not aware of what you are doing, in this case I also suggest you get someone to help you with this.
As Chris also stated here:
Read through all my suggestions here: – start on last page and go backward.
https://forum.tagdiv.com/topic/pagespeed/
(some of my suggestions are also in the theme docs already or were added, so you may want to start here: https://forum.tagdiv.com/how-to-make-the-site-faster/ )
..you can go trough the page speed topic as you will find answers to many of your questions there.
You can also find more info and suggestions here:
* https://developers.google.com/speed/docs/insights/LeverageBrowserCaching
* https://developers.google.com/speed/docs/insights/EnableCompression
* https://developers.google.com/speed/docs/insights/BlockingJS
* https://developers.google.com/speed/docs/insights/Server
* https://developers.google.com/speed/docs/insights/OptimizeImages
Hope this helps!
Thanks
