As you may know from my own prior posts in the pagespeed topic, you may find it more helpful to test for speed with stuff like adsense, external things like addthis/sharethis or shareaholic, disqus, turned OFF, as there is not much you can do about those elements for speed beyond async loading. This gives you what I call your “raw score” which is better to see what your work on optimization actually does.
The “theory” in the webdev industry is that if you get your raw score taken care of, then when you switch back on the googleverse stuff which invariably shows problems with their own systems vis a vis pagespeed, you can presume Google “subtracts” their own content from the “functional score” … in using speed as a “signal” for ranking, beyond user experience.
Just for those pulling their hair out on this topic (been there!) 🙂
My other advice: don’t eat toast around your keyboard, unless you want to keep a key puller, alcohol, swabs, and a can of compressed air handy!!
Hey guys,
Just wanted to let you know that I got 96 on desktop and 91 on mobile now 🙂 I am so happy! Thank you Christopher, Shashank and Steven for the tips on the forum 😉
You are super duper welcome ! 🙂
You’re welcome and Congrats, I’m happy you did it 🙂
I have a few questions again.
How did you removed render blocking css warning?
How did you optimize images?
And obviouly, how did you minify things?
I want to take from 97 to 98 or 99 😛
Hi Shashank,
First of all, the render blocking css warning was full of me using @import to separate CSS files on that product directory. As soon as I removed them and used a different method, it was completely gone.
The theme had some images that weren’t optimized. So, I downloaded and reduced the quality of them and then uploaded it to the server again. Also, I use WPSmush.It on the website.
As you suggested to download and use a minifier, i did it. I used both of this websites:
cssminifier.com and http://javascript-minifier.com/ – IT works great and I minified only files which were more than 3,000KB.
Its worth noting that the score drastically improved as soon as I downloaded the fonts from Google and uploaded them to my server and then added them to the Custom Font section. — I was surprised by the improvement. (Thanks Christopher for this tip!)
It isn’t possible to get 98 cause the thing is, almost all of us are using Google AdSense and it is slowing the website down. Try without AdSense and you should get 100/100 😉
Hope that helps. Also, did CloudFlare helped you gain a bit of speed?
Thanks!
Also, how did you “Combine images using CSS sprites”? Please help.
Great dude, all the best for your website!
I don’t combine images using css sprites, they are as they were by default. Cloudflare is great, for now I’m using it anyway but I’ve planned to buy cdn and ssl cert, once I start earning. 😀
And I and you have kinda same type of website. My 21 days old and yours?
Lets compete in that (if you can help me in seo) 😛
Lol. I don’t wanna compete. My site is 8 months old…What settings are you using for Cloudflare? Also, what code do you have for Leverage Browser Caching?
Total cache does all about browser cache.
Hello guys!
I have a problem with Eliminate render-blocking JavaScript and CSS in above-the-fold content in the mobile version, i read all the topic and try everything but i dont know why its not working,
In the Speed Booster Pack i have enabled Load CSS asynchronously, Minify all CSS styles, Load JS from Google Libraries and Defer parsing of javascript files
Im using TagDiv Speedbooster plugin to and w3 total cache… i dont know what else i can do 🙁
looks like one main thing for mobile you need to fix is the images
1) set the default compression in your functions.php file per my recommendations in the pagespeed topic (specify 60, since default with WP is 90)
2) regenerate thumbs once you do that to reduce all in size from core starting image you uploaded; but make sure you have backups if needed
3) make sure you use a plugin like smush.it or similar, although changing your default compression might do most of that for you
4) make sure the images you’re uploading to begin with are optimized, per my recommendations in the pagespeed topic — for example for the featured post image you would want to shoot for less than 40kb for the big 745 image, vs 100,300,kb or whatever. Some of mine are under 25kb. Start with quality factor of 25 in Photoshop with 0.2 blur, and see how it looks. Anything with lots of red needs higher to avoid distortion.
Set images to progressive not optimized when saving to web from image application; don’t embed meta data unless you must have copyright info in there for legal reasons.
If you wrangle the many many suggestion image compression issues for your mobile score it will help your rating as mobile is all about speed of stuff loading on page; and if you have 10 photos all twice the size they could be, that is your issue right there for most things! 🙂
I had been trying to make the images progressive. I upload progressive images on my site but still it becomes non-progressive. Then I tried WPSmush.it, it could also not make them progressive and EWWW Image optimizer also didn’t do it.
Anthing else I can do?
Are you here guys?
I don’t know anything about it, that’s why I didn’t reply. Maybe Christopher knows about it 🙂
Ohkay mehedi, check this please 🙂 https://forum.tagdiv.com/topic/all-categories-not-showing-in-mega-menu/
HI, I was posting a reply yesterday (Sat. 8/30) when I could no longer reach the forum via my ISP for some reason, or the site went down. Basically I hit submit and could no longer reach website all day night!
I had replied as the site died for me, that
” I used mod_pagespeed to make all our thumbs progressive. “
Chris the site was down for me too.
Can you please give the .htaccess code required for it? And also, is there any other way to do it on server without mod_pagespeed?
Thanks. 🙂
I think the rewrite images from my code in the pagespeed topic thread does it as part of the bundle. Meaning mod_pagespeed uses “levels” of control settings, where the top level (they call “group filter”) setting includes the 10 features below that.
I use this on Apache:
ModPagespeedEnableFilters rewrite_images
See:
https://developers.google.com/speed/pagespeed/module/filter-image-optimize
Actually there is top level group filter command (which I’m using), sub level group command, and then base commands (my terms not theirs); so a sub level group command like
ModPagespeedEnableFilters recompress_images
includes a number of base filters.
QUOTE:
This filter attempts to recompress image data and strip unnecessary metadata such as thumbnails. This is also a group filter, and is equivalent to enabling: convert_gif_to_png, convert_jpeg_to_progressive, convert_jpeg_to_webp, jpeg_subsampling, recompress_jpeg, recompress_png, recompress_webp, strip_image_color_profile, and strip_image_meta_data.
Again, these filters may be enabled or disabled individually:
ModPagespeedEnableFilters convert_jpeg_to_progressive
Just got to know that pagespeed is not installed on godaddy!
Hi, godaddy does support mod pagespeed and some filters, but you have to turn on via htaccess… See their help info on that… Which yiu are likely already reading
Chris I copied and pasted the snippet from your .htaccess file but nothing seems to change. I also tried turning jpeg to progressive. Do I need to regenerate thumbs?
