Monday, March 2, 2020

Google Page Speed Insights

Google Page Speed Insights

In the web technology world, websites always matters. Website speed always must for any websites. When we are seeing any website and it is taking more time to load. In this case, User will distract from that website.

Page Speed Insights(PSI) is an useful tool introduced by Google. We can identify our website speed by using this tool. For using this tool, we have to go https://developers.google.com/speed/pagespeed/insights/ site



Put your website URL in rectangular box. Then click on Analyze button. It gives site score card in mobile and desktop both. 


So, How to increase our website performance???
For increase website performance, we have to use some key points.

First, we should check gzip compression is enabled in our site or not. For check, we can check by two ways: by online tool or by developer console.

Using Online tool, many more online tool is available on web to check Gzip compression is enabled or not in our site.
For example, https://varvy.com/tools/gzip/ (Put your website url and click on test).
Using Developer console, open developer console and go to Network tab and refresh your website. Click on website url and go to Headers, check content-encoding: gzip in Response Headers.



Second, image is taking more time to load. Many online tools are available to reduce image size. You can reduce image size but do carefully, because image quality should not be less.

Third, we have to minimize HTTP request. When any website is loading then many things is loading like images, css, js, flash etc. Every files made HTTP request for each element.
So, we should combile css files into one or two files. We should also put script files at bottom of the page. If any js files are small then we should put as inline in main page (means need not to use as external file).

Fourth, when we visit any website, our system hard drive cache or temporary storage keeps all website elements like images, scripts etc. After that if next time we will visit that site, then all the elements loads from cache (means no HTTP request will generate for these elements).


We can also use some code by using htaccess files. Htaccess code are below:
## EXPIRES CACHING ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image/jpg "access 1 year"

ExpiresByType image/jpeg "access 1 year"

ExpiresByType image/gif "access 1 year"

ExpiresByType image/png "access 1 year"

ExpiresByType text/css "access 1 month"

ExpiresByType text/html "access 1 month"

ExpiresByType application/pdf "access 1 month"

ExpiresByType text/x-javascript "access 1 month"

ExpiresByType application/x-shockwave-flash "access 1 month"

ExpiresByType image/x-icon "access 1 year"

ExpiresDefault "access 1 month"

</IfModule>
## EXPIRES CACHING ##

Follow all above steps, Enjoy...

No comments:

Post a Comment

Copyright © 2019 Tech Location BD. All Right Reserved