1) remove all external loading elements like social media, advertising, recaptcha, and anything which loads css or js as part of its content; anything not part of the theme
2) use the minification tools I’ve suggested in the pagespeed sticky topic – such as online minification tools, or use the GTMetrix optimized versions provided during the site scan
Basically you need to take the CSS and JS files which PageSpeed is saying need to be minified, and then copy those from your theme directory, minify them, then save the minified version over the original.
One tool to minify the CSS is here:
http://cssminifier.com/
or
http://gpbmike.github.io/refresh-sf/
After you have your minified versions, say of style.css you would need to FTP the minified version(s) to your web site into the wp-content/themes/newspaper folder in the appropriate place.
NOTE: you need to clear all caching, turn OFF caching, and then upload the optimized versions, so that the new versions get cached not the old ones.
3) see 2
If you have a page speed of “82”
then be sure to
1) have faster web hosting account
2) ensure that gzip/deflate are working on your server (mandatory!)
3) enable expires headers (mandatory!)
4) optimize your images
All of this is well covered in the PageSpeed sticky topic in the forum. Optimization of your server, content, and htaccess or nginx config files are not part of the theme.
There is no way for you to optimize external content such as AdSense, AddThis, Recaptcha, Disqus, etc. which are not being served on your actual site.
For max speed you will need to use web safe fonts (not Google fonts), and then comment out the fonts in your functions.php file.
need to know how to properly do :
#1 Eliminate render-blocking JavaScript and CSS in above-the-fold content
#2 Minify JavaScript
#3 Minify CSSin order to improve page speed… 69/Mobile 82/Desktop
Im using W3 total cache with
#1 Page cache:enabled
#2 Database Cache:enabled
#3 Object Cache:enabled
#4 Browser Cache:enabled
and tagDiv speed boosterThank you
Activate page cache, browser cache (leave database and object off) and cdn if you use one, this should work.
If you want you can activate minify on manual mode and add each css and js file one step of a time and check if the site still works.
I did not managed to handle style.css which one added to minification would break everything!
@Radu when ever I try to enable CSS minify in W3 total cache my whole site crashes and only adsense ads are displayed.
Hi,
You can use the W3 total cache but only with page cache enable.
If you enable minify will cause issue.
Thanks for the message!
Minify your css and html, I think it will add at least 6-7 points.
But can I ask how you did remove render-blocking javascript files, because that’s my only problem in pagespeed.
You can minify your css and html via W3 cache. I’d be glad if you could say how you dealt with javascript files.
Or, Amazon CloudFront.
To fully “optimize” the .css files, you would need to learn how to “minify” them to make them smaller, if Google is suggesting that.
One trick is to use GTMetrix to scan your site for speed rating, as they can then give you optimized versions of your CSS files (downside, you would need to do this for every time the theme is updated… but this is part of the ongoing admin process for speed).
See the tips and info for your page here:
http://gtmetrix.com/reports/telsetnews.com/Upm34LMy
Hello! The Minify section is disabled in my w3 Total Cache, also I disable all more options and let Page cache only, I delete cache and still showing bad.
Hi,
You have an HTML structure error. Could you disable the minify, do you use the W3 Total Cache? If yes, use only with Page Cache enable.
Thanks!
Hi,
You need to use The W3 total Cache plugin only with Page cache enable option. Disable other features like minify, etc.
Thanks!
Hi Marius,
how can I privately message you login details?
Can you look at the page source now and tell me if it is using minify? I have it deactivated. I have tried again and failed to install the theme.
I don’t think it’s the server as all other themes work fine.
Mariau, as I have asked, can you tell me where the style sheet is supposed to be located in the zip file? I think that might be the problem as I can’t see it.
Hi,
Can you give us access to your WP if you can’t give us FTP? Everything should work fine, the theme have no issue. Give us access to your WP and we will try to install the theme for you. Like i told you the issue above was from minify.
Or could be from your server configuration.
Thanks for the message!
Hi Marius,
i have once again activated w3 total cache, disabled minify and cashing, and then i have emptied all caches. Then i disabled the plugin and re-installed the theme. It is still not working and the same things are happening.
I tried to redownload the theme too and the same things are happening.
I think there is something wrong with the download?
OK i turned off Minify and nothing
I turned off W3 total cache completely, and nothing –
Live preview still going white as above.
Any more ideas?
i will try minify now
Hi,
Your site code seems to be minify. Please disable the minify! Do you use W3 Total cache plugin? Use W3 total cache only with Page cache enable.
Also please make sure you have copied all files on the update, what you can do is to make a full update to be sure you have all files.
Hope this help!
Thanks!
HI, Marius
not huge issue as I can fix with CSS.
Just odd.
Note I’m not running any minify stuff, just tagDiv speed booster, along with mod_pagespeed to remove white spaces and remove comments – and cache small images. It’s not doing anything else.
I am using the social media icons top right, and NOT using the login function, which is different from your example, and have the responsive AdSense ads running.
I will upgrade to the latest WP this week and then revisit. 🙂
Usually I am *not* the person with the one in a million gremlin, but this one is mine.
Have a great day!
Hi,
I just figured out what was causing the problem and thought to post an update here to let others know in case they may have the same problems.
I have W3 Total Cache plugin installed, it is best to use the default Minify settings otherwise they will interfere with the HTML which is not good 🙂
But I am still having issues with #6: The color of the date and the comment options are too light to read, need to make them darker?
Hi,
This is very strange, for me works great. http://screencast.com/t/WEIF7G7Z spped booster ACTIVE, 3.6, WP 3.8.2
When i check the page source you can see the CSS generated by the panel: http://screencast.com/t/XYSiWnM5tpZ
Could be from compression/minify in your case?
FYI, I tried one of the minify plugins, but it actually broke some of the bootstrap code, and couldn’t figure out why. Now I’m paranoid 🙂
Minify CSS
Minify JavaScript
Minify CSS
i have done those manually.
will loose all changes soon i update theme/plugins
so ideally will be to have it done automatically ???
is there a way ???
just trying to improve page speed … mobile 58 / desktop 77
thanks
Hi!
It was the Minify plugin again.
All fixed.
Hi,
Do you use W3 total cache plugin? Please disable the minify and use it only with Page cache enable. You have some JavaScript conflicts in console. http://screencast.com/t/jIZVwvw6z9
The same here,
The Minify plugin that is messing up my CSS.
No need for you to look into this for me.
Cheers!
