100 percent Google PageSpeed Score
A few days ago, Kyle and Carson introduced SiteSpeed feature. I tested it on my site and it worked great. My site scores 100% on Google PageSpeed in both desktop and mobile. This is so amazing!
Desktop Score
Mobile Score
Before I used the SiteSpeed, my site scored 87%. I had only one problem in "Eliminating render blocking Javascript and CSS". This is a tricky part, but now it is taken care of.
If you're using SiteSpeed and the score is lower than 80%, here are some tips that will improve speed:
1. Use Small Image File Size
In my experience, large image file size is #1 that causes slow speed. When your web page has large images, the page has a large file size. It will take a long time for web browsers to load a page.
I would recommend you use image editing software such as Photoshop or PhotoScape. There is "Image Resize" or "Crop" option. This is how you make an image smaller without losing the quality and resolution of an image.
2. Reduce Banner Ads and Video Ads
If you display more than 10 ads per page, the site is slow and sometimes non-responsive. The reason is your site has to load external scripts from other sites. When your site stops loading or takes too long to load, people will leave your site.
I want to mention something about ads here. A lot of people are aware of affiliate marketing and online advertising these days. People know when they click on your ads, you'll get commission. If you don't provide helpful contents and display tons of ads, they know you want to sell ads and waste people's time.
Sometimes people bypass your affiliate links and go directly to advertiser's websites.
3. Use Less than Five Plugins
Every time you install a new plugin, more scripts will be added to the site. A premium plugin often has a lot of features and options to customize. For this reason, it has a lot of scripts, so it's heavy.
When you visit a site, it has to load everything to display on a web browser. This includes images, text, plugins, etc. The less plugins you have, the more storage your site has.
4. Use a lightweight WordPress Theme
There are a lot of free themes and paid themes on the market.
Free themes are lightweight but they don't have many options. Many free themes are not mobile friendly and have errors. This happens because theme authors don't update the themes frequently.
Many people choose paid themes (or premium themes) because they have better code quality and more options.
I love premium themes because they look beautiful. I think the authors did a good job in marketing the themes. However, after I install the theme, my site is so slow.
The theme has too many options that I don't need. For example, I never use online store options. These unnecessary options consume my site's storage.
If you're looking for a new theme, find a theme that is less than 15MB file size.
When you visit a theme demo page, test the pagespeed to see if it scores greater than 80%.
In addition, in your WP Dashboard - Appearance, delete the themes you don't use anymore. Keep one active theme and one back up theme. The active theme is the theme you are using. The back up theme can be any themes.
There are more ways to improve pagespeed, but it's very technical. I will leave technical things for professionals.
I hope my first blog will help you improve your website speed. Time is money and speed is money too.
Peter
Recent Comments
18
This is pretty impressive. 100 on Google page speed is difficult. Even when you do everything right on your end, the Google Analytics script does show up with compression errors unless you host the code yourself. The same goes for most third party scripts and plugins.
This is really cool, but I think it's worth mentioning to anyone reading that a 100 score is often not a goal you need to achieve. High 90's is good. Loading a page in at least
Hello
2. The PageSpeed module can be installed on the web server. It optimizes the site automatically. Unfortunately, without having access to cPanel and WHM, it's impossible to install. I use SiteSpeed feature as an alternative.
https://developers.google.com/speed/pagespeed/module/
6. Use FTP to access to the theme. The style.css file is in wp-content - themes - your theme name. The header.php is in here also. You can see the <head> </head> in header.php file.
I use
For example
This is correct
HTML fileWhat is Wealthy Affiliate?
CSS file (style.css)
.heading-green
{color:#009966;}
This is incorrectWhat is Wealthy Affiliate?
Most WP themes and page builder plugins use this incorrect style sheet. This creates a heavy file size.
7. WA has enabled GZIP compression.
Thanks for your comment
I'm struggling with this a little
My Desktop site now hits 99/100 which is fantastic. But My mobile is always 60-70.
I am pretty sure this is down to image size
I tried Carson's suggestion below about downloading goggles optimized images but the size and quality was so low there is no way I could use them!
As a travel site Photography is a big thing and I can't just reduce all image size down to nothing as I will be losing a large amount of user experience.
Think I will just have to accept the slightly lower speeds and not get too hung up on the fact that my mobile sites are a touch slower, and just hope my competition has worse results, which in a travel niche is quite likely...
After I downloaded optimized images, I renamed the image. I also removed the old image from WordPress media.
If you are a web developer, you can create your own WP theme. This is the best way to get the highest score in pagespeed. I develop my own WP responsive theme, so I only add the feature I need.
Remove all the comment line and white space in CSS file. Don't use <style> in HTML. Use external stylesheet.
In functions.php, enqueue a few CSS file. My functions.php has 115 lines and 3 wp_enqueue_style css.
Note:
Before you make any changes, keep the original version of the file.
Thanks Peter, Kyle referred me to your blog as my very new site is only ranking 60%.
I'll try your suggestions and hopefully they will help!
Hello and Welcome to WA
Please enable SiteSpeed feature to improve pagespeed ranking.
I'm glad that you found my post helpful.
100, that's it? lol Nice work Peter and some great additional insights here. I have achieved 100's with a several of my posts across different sites as well!
I would have to say that Google will loves this and will reward PageSpeeds like this.
This is my best WA review post, so I want this post to be featured on page one of Google this year.
I look forward to meeting you someday!
See more comments
Awesome Peter!
For most folks the number one issue they have preventing a 100/100 or high 90's score in the Google PageSpeed Insights tool is images being too large.
Our suggestion for that is to replace images on your site with the optimized images The Google PageSpeed Insifhts tool gives you at the bottom of the page when a scan is done. Replace the in optimizedmimages woth these images and you will see huge improvements!
Congrats on your site being so fast, that's really incredible!
Carson
That's what I did. I use Photoshop to resize the image. This makes my web page less than 500KB and runs faster.
I also remove many options from the theme which I don't use. My CSS file has 186 lines. A lightweight theme can help increase pagespeed a lot.
Thank you!
Peter
Just curious, how much is the fee to use Photoshop?
I'm paying $9.99 a month for Photoshop subscription.