- This topic has 20 replies, 2 voices, and was last updated 1 year, 3 months ago by David.
January 1, 2017 at 7:08 am #259587Julien
There are loads of speed issues on my website and you can find the like below. How can i solve it?
10 Render blocking CSS files
– Less than 150k of CSS. Good.
– Too many external CSS files
– Render blocking CSS files
– No @import calls for CSS
– In element CSS found.
– CSS files are minimized.
External CSS location
2 Render blocking JS
– Three or more external JS files
– Render blocking JS found (2)
External JS location
JulsJanuary 1, 2017 at 5:35 pm #259740Leif
First of all I get a loading time in 327ms on pingdom for your website from dallas server and that is good.
Second, install a plugin called “Remove query strings from static resources” by “Your WP Expert”, it removes your query strings from .js and .css files so that your cache plugin could cache the website better.
After that install “Autoptimize” by “Frank Goossens (futtta)” and activate it.
This should solve a lot of your concerns.
What cache plugin are you using? I almost always use “Cache Enabler” by “KeyCdn” instead of any other overcomplicated cache plugin, works for the most websites and does the job good, no need for anything else. Also it works good with “Optimus” by “KeyCdn” in making compressed images and .webP images files for Chrome browsers that loads in ms.
All plugins are in the WordPress directory.
Tell us some more after you tried these tips on how it went and what your setup in WordPress is, regarding plugins and so ..
// Leif ..February 12, 2017 at 6:27 am #277714Cristo Rey
I have the same problem…installed the plug-ins you mentioned (“Remove query strings from static resources” and “cache enabler”. Still my google page speed rankings are terrible. Here is the page I am working on at the moment.
So am I doing something wrong should I just ignore the google page speed results?
Thanks for any advice.February 12, 2017 at 10:28 am #277794Leif
Hi there Christo,
First, you really need to optimize your images on that page, they are about 800kb for 4 640*480 size images, it´s way to big.
Second, remove the connections to Facebook, Google and Pinterest on that page since they slow down the page way to much, see if you can find another solution for that instead.
You can see your bottlenecks at Pingdom: https://tools.pingdom.com/#!/cy1HMb/http://cristoreypublishing.com/blog/cruises/barge-hotel-cruises/
Work from there, if that does not help, change your hosting.
// Leif ..February 12, 2017 at 10:39 am #277796Leif
Also use TinyJPG to optimize your images, I tried one image and it saved 75% on one image only in size.February 12, 2017 at 11:59 am #277837Cristo Rey
Thanks, Leif. That’s a great suggestion. My images are on photoshop, so I used the “save for web” option and then also used wpsmuxh, so I figured that would be enough.
I just added the social icons, so I will take them off for now.February 12, 2017 at 1:58 pm #277878Leif
You can use social icons, just use a plugin that is fast and light, it is a try and error thing(game) to find the best one, just read up on them and compare, then try and then try another one and so on until you find a plugin that have the features and speed you want, it´s about compromising all the time, either speed or some flashy plugin. The one in the middle are the one you want .. =)February 12, 2017 at 11:26 pm #278005Ash
PageSpeed Insights often shows kinda nonsense result.
You can see one of answer here.
You may know WP Rocket is one of trustworthy professional in this field.
You can use some plugin to defer/async method to solve this notice.
But not sure if it’s worth to take another risks.
So I basically just forget about Render-blocking js/css when I’m using WP Rocket.
I would recommend to check your site on Pinddom/GTMatrix that is more practical.February 13, 2017 at 4:43 am #278094Cristo Rey
Thanks Ash. Pingdom gives me A all the way. 586 ms load time from New York. So not sure why google page speed gives me a low rating (53/100 mobile, 78/100 desktop).
I have photoshop and use “save for web”, although the file size is still larger than I would like. I have about 2500 images to add, so I want to do it right.
Just checked on a couple other travel website, Tripadvisor…grandaddy of them all and lonely planet. They get lousy scores from Google page speed as well. So not sure if Google page speed means anything at all.February 13, 2017 at 10:26 am #278222TomLead DeveloperLead Developer
I don’t even check Google Page Speed anymore – it definitely needs some love.
As for image optimization, I like to run things through this site before uploading them: http://optimizilla.com/February 13, 2017 at 10:58 am #278243Cristo Rey
Glad to hear that…I had pretty much decided it was not worth the trouble. It’s all a bit confusing in the beginning, I am using Envira gallery for my images and probably Imagify for compression, but I will check out opitmizzila. What I have so far seems to be OK on my end.
Trying real hard not to use many plug-ins, especially since I don’t know what I’m doing. Fewer moving parts the better, I think.February 13, 2017 at 7:30 pm #278433TomLead DeveloperLead DeveloperFebruary 13, 2017 at 7:49 pm #278448Ash
Try FastestCache or CometCache which is good among free cache plugins.
Probably at least you will get 10+ point on Pingdom.
I love WpRocket which is most powerful one but if I choose free one, I would choose them.
FastestCache is easier and CometCache is more powerful.
Cristo’s site looks like pretty much optimized already so you don’t need anything I guess.February 14, 2017 at 4:25 am #278558Cristo Rey
Wish there was a list of things to ignore…such as Google page speed. Wasted time trying to solve a problem that did not exist. As usual, appreciated your advice.February 14, 2017 at 5:07 am #278569Cristo Rey
Ash..thanks for the advice on FastestChache. Easy works best for me!
- You must be logged in to reply to this topic.