How to Speed Up Your Website 99% as per Page Speed Insight Tool of Google?


If you are worried about the performance of your web page on various devices then you have to follow Page Speed Insights, a tool that measures the performance of a page for mobile and desktop devices.

Being in this forte and having developed umpteen numbers of web sites for various clients, I aim at optimizing the site to the highest score so that the site gets the highest rating in the search engine rankings and is sorted to by mammoth number of web visitors.
I have scored high on following points for obtaining highest level of optimization for absolute performance of the site:

Following is report of Google speed of Globalseoservices.com

How to Speed Up Your Website 99% as per Page Speed Insight Tool of Google

1. Avoid landing page redirects: As redirects will cause your page to load slower and avoiding it will speed up page load times for visitors of the site. Also re directions add delays to page loads. One can eliminate the re directions without changing the function of the page.

Read more : https://developers.google.com/speed/docs/insights/AvoidRedirects

2. Eliminate render blocking Java Script and CSS in the above the fold Content: This is one of the things that had to be done to improve the score of your application. When the browser loads the web-page; Java Script and CSS resources usually prevent web page from being displayed until they are downloaded and processed by the browser. And many CSS and Java scripts resources are conditional as they are applied in specific cases or are not needed and to produce swift possible experience for the users, one should eliminate render blocking of these so that they are not required to display above the fold content. if possible link your java script and CSS  Bottom of web-page.

3. Enable compression: Compression paves way to your web page to provide smaller file sizes that will load faster. As browser of your visitor will need to download much smaller web files and this will eventually improve page speed. So get gift of speed to your site by enabling compression.

Put following code in your .htaccess file for enable gzip compression

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

4. Minify CSS, HTML and JavaScript:  Minification refers to the process of eliminating or doing away with unnecessary or data that are no longer in use like code comments and formatting, removing unused code etc. Minifying will make your web site faster as the size of the file is decreased. It is a band width optimization method that reduces the size of the code transmitted over the web. With minification HTML, java script and CSS files are rewritten to provide identical functionality in much smaller arena.

you can use following tools for Minification online.

5. Prioritize visible content: Prioritize content that is visible to the user. Rendering a modern web page requires many network resources but not all are needed at the first start. So visible content of the page is prioritized on the network and the browser so it does not have to compete with the rest of the page.

I prefer to do this in two ways:

i.) Structure your HTML to load the critical, above the fold content

ii.) Reduce the amount of data used by your resources

To improve how your user perceives the web page load time is to ensure that your HTML is presenting the content of your web page first before presenting other things.

6. Reduce server response time: By considering the amount of traffic that is received, database, its optimization, your hosting server and server software solutions the resources that are required to generate the site and optimizing factors you can reduce the amount of time it takes for your server to respond to the requests.

I prefer to reduce the server response time in two ways:

i.) Usage of existing resources more efficiently

ii.) Upgrading the resources.

7. Leverage Browser Caching: Fetching resources over the network is both slow and expensive: the download may require multiple roundtrips between the client and server, which delays processing and may block rendering of page content, and also incurs data costs for the visitor. All server responses should specify a caching policy to help the client determine if and when it can reuse a previously fetched response.

Google recommend a minimum cache time of one week and preferably up to one year for static assets, or assets that change infrequently. If you need precise control over when resources are invalidated we recommend using a URL fingerprinting or versioning technique – see invalidating and updating cached responses link above. For details visit https://developers.google.com/speed/docs/insights/LeverageBrowserCaching

<IfModule mod_expires.c>

ExpiresActive On
ExpiresDefault “access plus 259200000 seconds”
ExpiresByType application/vnd.ms-fontobject “access plus 259200000 seconds”
ExpiresByType application/x-font-ttf “access plus 259200000 seconds”
ExpiresByType application/x-font-opentype “access plus 259200000 seconds”
ExpiresByType application/x-font-woff “access plus 259200000 seconds”
ExpiresByType image/svg+xml “access plus 259200000 seconds”
ExpiresByType image/jpg “access plus 259200000 seconds”
ExpiresByType image/jpeg “access plus 259200000 seconds”
ExpiresByType image/gif “access plus 259200000 seconds”
ExpiresByType image/png “access plus 259200000 seconds”
ExpiresByType text/css “access plus 259200000 seconds”
ExpiresByType application/pdf “access plus 259200000 seconds”
ExpiresByType font/woff “access plus 259200000 seconds”
ExpiresByType text/x-javascript “access plus 259200000 seconds”
ExpiresByType application/x-shockwave-flash “access plus 259200000 seconds”
ExpiresByType image/x-icon “access plus 259200000 seconds”

</IfModule>

Server response time account for only 10% of total delay time in delivering the site to your users, there are ways for you to maximize your server’s performance and reduce lags.
The above are page speed insights measures on how you can improve its performance. These measures fetches URL twice once with the mobile user agent and once with the desk top user agent and then calculates the page speed score which ranges from 0 to 100 points. The highest score is better and the score above 85 indicates that page is performing well.

Leave a comment

Your email address will not be published. Required fields are marked *