Google PageSpeed Insights : How To Get 100% Score Steps And Guide

When we planned to build a website we spent a lot of time on domain name selection, website theme, designs, background colours and many more. Once the website comes to life we all run behind backlinks, domain authority and some other SEO techniques to be top on google’s search engines.

But many bloggers forgot to concentrate on a basic concept called Page speed.

Yes, your website page speed is one of the keys and basic factor for good SEO results. If you don’t have a fast website, People will bounce faster and they never show interest to come back to your website.

Google Search Engine also doesn’t give importance to your website due to slowness. So, Here is the google Page speed Insights to check your website speed.

Google Page Speed Insights provides the website speed score for both environments mobiles and desktops.

The performance of the website can be divided into 3 categories.

  • 0 to 49 (slow): Red
  • 50 to 89 (average): Orange
  • 90 to 100 (fast): Green

If you observe the above screenshot my website page speed performance score crossed 94 which is in the fast category. Now check your website speed in google free tool Page speed Insights and mention the score in comments.

If you want to improve your page speed, first know the below key points for fast WordPress website page results.

Reduce server response times

Time To First Byte identifies the time at which your server sends a response. Below are reasons and solutions to reducing server response times.

  1. Your website visitors are mostly from India but your hosting server located at outside India, then you will face latency issues. So, use the same Geo location hosting to reduce server response times.
  2. Use a content delivery network (CDN) to load your web page fast.
  3. Your website theme and plugins also reduce server response times. So, use optimized themes and plugins.

Eliminate render-blocking resources

Resources are blocking the first paint of your page. First paint of page means your page colours, styles and background colours.

 Three types of render-blocking URLs: 

  • scripts
  • stylesheets
  • HTML  imports

You can reduce the size of your pages by only shipping the code and styles that you need. Code that isn’t being used at all should be removed. There are a number of WordPress plugins like WP-Rocket. Async javascript that can help you inline critical assets or defer less important resources.

Reduce JavaScript execution time

When your JavaScript takes a long time to execute, it slows down your page performance in several ways:

  • Network cost
  • Parse and compile cost
  • Execution cost
  • Memory cost

Avoid unused options from your theme, If you enabled extra options that will slow down the main website javascript execution. Many WordPress plugins are available to resolve this issue.

Ensure text remains visible during Webfont load

Text Font also plays a key role in website page speed. Always use default fonts, If you are using any other fonts please disable it from your theme.

Avoid chaining critical requests

Don’t use many java scripts and CSS for your website. If Java scripts and CSS styles are more in your web page, it will load very slow.

Keep request counts low and transfer sizes small

Here request counts mean HTTP request. Low request count means low HTTP requests. To avoid this issue please follow below steps

  • Clean and delete unused data files
  • Keep your file size minimal, for example, images size in your website
  • Combine CSS and Javascript files

There is multiple WordPress plugins are available for this kind of optimization.

Serve static assets with an efficient cache policy

Browser cache policy is very useful for page speed. If a user keeps visiting your website HTTP caching can speed up your page load time on repeat visits.

Many WordPress plugins are available for cache policy like wp-cache and you can set a minimum 60 days browser cache policy. Otherwise, you can edit .htaccess file and add cache settings code.

Server image next-gen formats

It is always good practice to use compressed image files in your website for page speed results. Directly don’t use JPEG or any other image formats without using any compression technique, that will hurt your page speed performance.

WebP format is one of the next-gen formats. Use WordPress plugins like imagify, short pixel etc.

Avoid an excessive DOM size

DOM size also called a domain object model size aka web page size.

As per google recommendation

  • The web page has no more than 1500 elements.
  • Not more than 32 nested levels of depth.
  • No more than 60 child elements.

In the above sample screenshot, only total DOM elements crossed 1500 elements but DOM depth and child elements under the threshold limit. To avoid the issue follow below recommendations.

  • Remove unnecessary widgets from your web page
  • Use a simple web page builder

Reduce the impact of third-party code

If you are integrating or displaying any 3rd party related data in your website, you can see this kind of Waring from the google page speed tool. Generally, we use below third party code in our websites

  • Google Adsense code
  • Google Analytics and webmaster tools verification code.
  • Facebook/Youtube/Twitter/Other social media widgets.
  • Afflicted related code.

Don’t use unnecessary 3rd party codes on your website unless and until it is useful for you really.

Remove unused CSS

Identify the unused plugins and widgets/features in your website, try to delete it and use WordPress plugins like wp asset cleanup to remove unused CSS styles from your website.

Minify CSS/JavaScript

Minify means to make it smaller. To achieve best speed page we can minify CSS/Java scripts/HTML scripts by removing white spaces, lines, and unnecessary characters from the source code. Many WordPress plugins are available for this Minify technique.

Minimize main-thread work

This alert also raised due to Java script issues. By using the below recommendations we can solve this issue.

  • Make your web page very clear and simple.
  • remove unused images and code.
  • Minify and compress your code.
  • Enable browser cache policy.

The above all are most appearing issues in google page speed insight tool. So, please check your website speed and comment on the speed of your website and issues you are facing in page speed tool.

Leave a Reply