Page-Speed-Insight

Page speed insight

What is Page Load time?

Website page load time is related to the loading time of your website page that loads in the browser after click on the page link. It is an important SEO metric that Google Search engine take one of the aspects of search ranking in search result. Google PageSpeed insight tool that measures the page load time with improvement suggestions for better SEO.

Benefits of reducing the page loading time :

Google always well take care of the customer’s experience in their provided search and provide the best user experience. Page load time is one of the important on-page optimization factors.

If the page loading time is more than 2-3 sec, users are losing their attention and bounced to another search page.

So, Page load time is proportional to the bounce rate.

page_speed_graph

Page speed graph

Page Load time is a vital part of the user experience. Visitor’s behavior changes on increase or decreases Page Load time.

Amazon has conducted a study on Page Load time with user experience shows user expect faster loading time and slower page load can lead a significant drop in revenue. the case study shows that 100ms page load time delay can drop 1% revenue.

Infographic presents a statistical Fact about Bounce rate and Page loading time.

The Infographic shows – How does page speed affect user behavior?

9.6% visitors bounced when page lead time is 2 seconds and 32.3% visitors bounced when Page load time is 7 seconds.

page_speed_info-graphic

Page speed info-graphic

What is Google PageSpeed Insight?

Google page speed insight is great tools for measuring and analysis your page load time and it analysis the web page and find the error or optimization factor that increase the page loading.

Page-Speed-Tool

page speed tool

PageSpeed Tool test estimate your website’s PageSpeed Insight Score and Page Load Time that uses Two indicators on Page Load Time – FSI and DCL.

PSI estimate the page and give you Optimization suggestion – Eliminate render-blocking Javascript and CSS, optimize images by reducing the image size and enable compression.

You follow step by step the PSI’s recommendation and score high your PageSpeed Insight Score 100/100.

You can use the Pingdom PageSpeed Tool to analysis your website’s page load time.

Pingdom: Pingdom is an online tool that analysis your website speed test and give all optimization tricks and suggestions.

1. Image Optimization

An image is an object in the article and you have to optimize the image that reduces the page load time. Image optimization factor lies in the image size and quality of the image.

Image compression is a tool that compresses an image without losing any image quality and reduces the image size up to 70-80% of the original image size.
There have many online image compression tools.

Compressnow is online image compression tool that compresses images in various file formats.

 

Image-Compressor-Tool

image compressor tool

2. Use WordPress Caching Plugin

What is cache in the browser?
Cache is a mechanism and data storage where store the data for future use the data that increases the webpage loading speed and it reduces the extra load in the server.

For WordPress user, you should use the WordPress Cache Plugin that will help to cache your web pages in the browser and it increase the webpage loading speed and reduce the webpage load time.

It saves time and bandwidth. It reduces the extra load of downloading webpage element from the server.

WordPress Cache plugins are:

W3 Total Cache is an excellent WordPress Cache plugin that caches your WordPress pages in the browser.

3. CSS minify

CSS minify is a tool and tricks to minimize the CSS code that doesn’t change the CSS design.

It minifies the redundant CSS code and it reduces the code size that increases the website loading speed.

CSS Minifier is an online CSS compression tool that compresses the CSS code.

code-minify

Code minify

4. JavaScript Minify

JavaScript Minify is a tool which reduces the file size of the JavaScript code and also it finds the unwanted code that eliminated the redundant code from source code.

Redundant code is some the syntax or statements in the source code which does not affect the result. It only increases the code size or nothing.

Whenever we write the code, then we declare some variable and statements which will help to understand human.

5. Enable GZIP Compression

Gzip compression is a tool that compresses the HTML file in the zip file and reduces the file size by up to 70%. It exceptionally reduces the loading time.

How to enable the Gzip compression:

1. WordPress GZIP Compression
You can use WordPress GZIP compression plugin to enable automatic and it changes and add the desired GZIP compression module in the .htaccess file.

2. Enable GZIP Compression in Apache
The simple way to enable the GZIP Compression is by editing .htaccess file. You just add the below code in .htaccess file.

<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>

 

6. CSS Sprint

CSS Sprint is a method that combines multiple images in a single image. It cut down all image requests in single image request.
A single image contains more than one two images and gets access to the images using one image request. So, it helps to reduce a large amount of image request into a single image request that helps to reduce the request time and improve the loading speed of the image.

 

How to use css sprint:

# CSS Sprint code for images
  .content-before {
  left: 0px;
    width: 46px;
    background: url('img_navsprites.gif') 0 0;
  }

.content-middel {
left: 63px;
width: 43px;
background: url(‘img_navsprites.gif’) -47px 0;
}

.content-after {
left: 127px;
width: 43px;
background: url(‘img_navsprites.gif’) -91 0;
}

 

7. CDN Network

The content delivery network is the geographically distributed network that delivers web pages and content to the user based on the geographic location of the user.

The CDN servers are located among the different countries and different regions of the world that cover the all user those who are using your website’s data/information from different location of the world.

It reduces the long distance the data travels from the server to client request. it reduces the server load and user’s requests are distributed among all the CDN network servers.

Content-delivery-network

content delivery network

Benefit of CDN

CDN is a distributed server network that distributes the server load and it reduces the server response delay.

How its work?

You have to need register among the any best and efficient CDN network among popular CDN network such as MaxCDN, Cloudflare and TinyCDn etc.

The servers are located in different regions and make a server network. Your website’s data are stored on all the CDN servers of the different region of the world as a static page. So, your server’s data distributed among many CDN servers.

When the user made a request to the server, the nearest  CDN server provides the required information as a static page. So, it reduces the page requests. As result, it improves the server response time.

It also reduces the server load and server load time from your origin server.

 

Categories: SEO

6 Comments

Compare shop prices · May 29, 2018 at 1:22 pm

Great article. I really appreciate the insight here in this post and confident it’s going to be helpful to me and many others. Thanks for sharing all the information and useful tips.

Hirak Roy · June 2, 2018 at 8:11 pm

Thanks

Hirak Roy · June 2, 2018 at 8:11 pm

Thanks

เสื้อโปโล · November 15, 2018 at 12:41 pm

These are genuinely wonderful ideas in about blogging. You have touched some good points here.
Any way keep up wrinting.

เครื่องชาร์จแบต12v · November 15, 2018 at 11:46 pm

Thanks for the auspicious writeup. It in fact was once a amusement account
it. Look complex to far delivered agreeable from you!
However, how can we keep up a correspondence?

led strip lights cool white · November 16, 2018 at 1:02 am

Wonderful blog! Do you have any suggestios for aspiring writers?
I’m planning to start my own site son but I’m a llittle lost on everything.Would you recommend starting with a free platform like WordPress or go for a paid option? There are so many options out there that I’m completely overwhelmed
.. Any suggestions? Thank you!

Leave a Reply

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

Bitnami