{"id":7989,"date":"2020-05-27T11:43:45","date_gmt":"2020-05-27T06:13:45","guid":{"rendered":"https:\/\/vividreal.co.in\/vividreal\/?p=7989"},"modified":"2020-05-27T11:43:45","modified_gmt":"2020-05-27T06:13:45","slug":"how-to-increase-the-page-speed-of-your-website","status":"publish","type":"post","link":"https:\/\/vividreal.co.in\/vividreal\/how-to-increase-the-page-speed-of-your-website\/","title":{"rendered":"How to increase the page speed of your website?"},"content":{"rendered":"

A website visitor doesn\u2019t appreciate slow loading pages. A lot of surveys prove the fact that people aren\u2019t willing to wait (even for a few seconds) for a page to load. People don\u2019t have the patience nor time to hit the reload button continuously either.<\/span><\/p>\n

Since page speed seriously affected the user experience forcing them to bounce back, Google decided to consider page speed as a criterion to rank websites.\u00a0 With Google\u2019s Speed Update, all the website developers and owners were expected to improve their website\u2019s page speed.<\/span><\/p>\n

Page speed is the measurement of the time taken to completely load all the contents on a page when a user clicks a link or when the browser requests the server.\u00a0<\/span><\/p>\n

A page speed performance score in Google\u2019s PageSpeed Insights of 90 or above is accounted as fast, while 50 to 90 is considered moderate and anything below 50 is slow.<\/span><\/p>\n

Maintaining an optimum page speed is crucial because it directly influences your website\u2019s domain authority<\/a> and conversions. If you need any professional help in boosting the page speed of your website, do connect with us. We have an amazing team of web developers<\/a> to help you out! <\/span><\/p>\n

Let\u2019s take a look at some methods to increase your website\u2019s page speed.<\/span><\/p>\n

Compress Files<\/b><\/span><\/p>\n

Compressed files consume relatively less storage space compared to ones that are not. Compressing files instantly speeds up the data transfer process and saves bandwidth.<\/span><\/p>\n

Gzip is a popular data compression software program that is used to compress files for WordPress websites. Gzip combines all the files into a zip folder so that the files can load faster on a browser. The browser then unzips the contents and displays them to the user.\u00a0<\/span><\/p>\n

Compressing text, Html, javascript, CSS, and XML files using Gzip can be implemented by simply pasting the following piece of code inside the .htaccess file.<\/span><\/p>\n

AddOutputFilterByType DEFLATE text\/plain<\/span><\/p>\n

AddOutputFilterByType DEFLATE text\/html<\/span><\/p>\n

AddOutputFilterByType DEFLATE text\/xml<\/span><\/p>\n

AddOutputFilterByType DEFLATE text\/css<\/span><\/p>\n

AddOutputFilterByType DEFLATE application\/xml<\/span><\/p>\n

AddOutputFilterByType DEFLATE application\/xhtml+xml<\/span><\/p>\n

AddOutputFilterByType DEFLATE application\/rss+xml<\/span><\/p>\n

AddOutputFilterByType DEFLATE application\/javascript<\/span><\/p>\n

AddOutputFilterByType DEFLATE application\/x-javascript<\/span>\u00a0\u00a0<\/span><\/p>\n

Minify HTML, CSS, and JavaScript<\/b><\/span><\/p>\n

Html, CSS, and JavaScript files are one of the factors weighing down the website\u2019s loading speed. These files can be bulky at the same time essentially important because they determine the site\u2019s appearance.<\/span><\/p>\n

Minifying these files, and combining them helps in shrinking each of the files as well as the total number of files. It means to remove all those <\/span>unnecessary white spaces inside the code (<\/span>extra spaces, line breaks, and indentation<\/span>), remove pieces of <\/span>code that are not being used, etc.<\/span><\/p>\n

Often such codes are present in pages built using page builders, although they have made the page building task easier, they brought in some messy code that slows the website down.<\/span><\/p>\n

WP Rocket is an effective plugin to minify and combine files for WordPress website holders. After installation, go to <\/span>Static Sites and select the files to be combined, further hit the <\/span>Save Changes button. Now go back and check page speed yourself!<\/span><\/p>\n

Also, remember it is ideal to keep only a few elements on the website so that the browser needs to make only a few HTTP requests.<\/span><\/p>\n

Optimize Images<\/b><\/span><\/p>\n

Images are an important element in a website. But they can be one of the reasons slowing down your website speed. Often, large image files take time to load on the webpage. They can’t be removed for sure (imagine an eCommerce website with no images), but at least they can be compressed.<\/span><\/p>\n

You can always crop the images to a size that is exactly required. Uploading a bigger-sized image and then setting its width to a smaller dimension slows down the website. This eats up a lot of time because the site has to load the large image first and then again spend time adjusting its size.\u00a0\u00a0<\/span><\/p>\n

Use tools and plugins to optimize images on the website. One highly recommended plugin for WordPress website users is <\/span>WP Smush.<\/span><\/p>\n

Browser Cache<\/b><\/span><\/p>\n

When someone visits your website, the elements (<\/span>stylesheets, images, JavaScript files, and more<\/span>) of your website get stored in their browser\u2019s cache (temporary memory), which will speed up the page loading process the next time when the person visits.\u00a0<\/span><\/p>\n

The reason is that the browser doesn\u2019t have to send another HTTP request and wait for a response from the server the second time. Also, it doesn\u2019t have to download the elements again if it\u2019s already there in the cache.<\/span><\/p>\n

So it\u2019s much more convenient if the browser caching is enabled for a website. Add an <\/span>expires header for your website or simply install a <\/span>caching plugin if you have a WordPress website.\u00a0<\/span><\/p>\n

Expires header asks the browser if the elements to load the contents of the website are available in the cache memory itself or needs to be requested from the server. For this, access the .htaccess file from the root directory and paste the following piece of code.<\/span><\/p>\n

## EXPIRES CACHING ##<\/span><\/p>\n

<IfModule mod_expires.c><\/span><\/p>\n

ExpiresActive On<\/span><\/p>\n

ExpiresByType image\/jpg “access plus 1 month”<\/span><\/p>\n

ExpiresByType image\/jpeg “access plus 1 month”<\/span><\/p>\n

ExpiresByType image\/gif “access plus 1 month”<\/span><\/p>\n

ExpiresByType image\/png “access plus 1 month”<\/span><\/p>\n

ExpiresByType text\/css “access plus 1 month”<\/span><\/p>\n

ExpiresByType application\/pdf “access plus 1 month”<\/span><\/p>\n

ExpiresByType text\/x-javascript “access plus 1 month”<\/span><\/p>\n

ExpiresByType application\/x-shockwave-flash “access plus 1 month”<\/span><\/p>\n

ExpiresByType image\/x-icon “access plus 1 year”<\/span><\/p>\n

ExpiresDefault “access plus 2 days”<\/span><\/p>\n

<\/IfModule><\/span><\/p>\n

## EXPIRES CACHING ##<\/span><\/p>\n

Here, the file expirations were enabled first, then the expiry time limit was set to certain files and file types. Change the expiry time limit as per your website requirements; finally, in the code, the default expiry time is also set for the files that weren\u2019t specified in the code.<\/span><\/p>\n

There are several caching plugins for WordPress users namely <\/span>WP Total Cache, <\/span>WP Super Cache, <\/span>Add Expires Headers, etc. In this, after activation, go to settings and set the expiry time you wish.<\/span><\/p>\n

Limit Redirects<\/b><\/span><\/p>\n

Redirects are often used in instances when users and search engines need to be forwarded from one URL to another. This happens while deleting pages, moving contents from one page to another, changing domains, or while merging websites.<\/span><\/p>\n

Redirects again demand additional HTTP requests, which slows down the page. But at times it is difficult to completely avoid redirects on websites, although Google says an ideal website devoid of any redirects.<\/span><\/p>\n

Screaming Frog is a tool that gives insights into all the redirects on your website. Scan the website to sort the data based on \u201cStatus Code\u201d and all the 301 redirects within your website can be viewed. Go through all the redirects and check if they serve their purpose.\u00a0<\/span><\/p>\n

Also, identify if there are any chain redirects and make changes in the .htaccess file so that the chain gets eliminated by directly pointing to the latest version of the page.<\/span><\/p>\n

Remove render-blocking JavaScript\u00a0 and CSS scripts<\/b><\/span><\/p>\n

One recommendation made by Google page speed insights is to eliminate render-blocking resources. These are JavaScript and CSS scripts which slows down the page loading speed.\u00a0<\/span><\/p>\n

Usually, a browser loads a website by reading code from top to bottom. While reading the page, if the browser encounters a CSS or JavaScript file, it waits there until that file is downloaded. The time spent on loading those elements could have been used for loading some important content or any productive elements.\u00a0<\/span><\/p>\n

Suppose there is an interactive footer at the bottom of your website and it\u2019s powered by the \u201cinteractivefooter.js\u201d file. Sometimes, websites have their code mentioning this file in the top part of the code although it\u2019s effect comes in the footer part. Now this forces the browser to download the file which is of no use until a user scrolls down till the footer part.<\/span><\/p>\n

The first step is to check if there are any render-blocking resources on the website using Google PageSpeed Insights. Now, these can be eliminated using WordPress plugins like<\/span> Autoptimize + Async JavaScript (free), <\/span>WP Rocket (paid).<\/span><\/p>\n

Make use of Content distribution network<\/b><\/span><\/p>\n

Using a content distribution network (CDN) to host all your files is a highly recommended method to speed up your page. A CDN is a distributed network of servers that alleviate the burden for each server of delivering content. This will help to deliver responses to the requests in a quicker manner.\u00a0<\/span><\/p>\n

Suppose a user from the other part of the world wishes to access the contents of the website, their browser can very well access the elements from their nearest server. Since hosting on a CDN makes your files quickly accessible to anyone in any part of the world, it can significantly reduce the time taken for loading a page. Also, using a CDN can protect the website from any <\/span>DDoS (Denial-of-service ) attacks or traffic spikes.<\/span><\/p>\n

Proper quality of web hosting<\/b><\/span><\/p>\n

Many of the new site owners prefer a cheaper hosting option. Well, they don\u2019t realize choosing a proper hosting based on their scale of business is important. Technical glitches occurring due to improper hosting can seriously affect page speed.<\/span><\/p>\n

Almost all the hosting providers have at least three basic plans in common, they are:<\/span><\/p>\n