11 Incredible Tips To Reduce Your Website Loading Time Dramatically

No one likes the slow website. The website, taking more time to load cause frustration among the visitors. Today people are busy in their works and have very less time to spend with their loved ones. In such conditions, if your site is not getting the load within a moment, the chance is that visitor would abandon your site.

Would you like to have such kind of impact on your visitors only because of the loading time? The answer will be definitely ‘No.’

Even, search engines like Google and Bing consider the website loading time as a ranking factor in SERP (Search Engine Ranking Page). It means your SEO, and thus traffic flow also depends on the loading time of your website.

Website with slow loading speed tends to have higher bounce rate and lower average time on page.

According to icrossing,

the longer loading time have shown the adverse affecting conversions. Hence, faster loading speed can boost user experience leaving more positive feedbacks.

That’s why you should consider loading time very important and make your website amazingly speedy for the visitors.

So I have shared some useful tips here to make your website surprisingly faster and smooth.

1) Go With Better Web Hosting Solution:

It’s the very important for boosting your website speed. As self-hosted websites have the chance to choose their web hosting solution, you should never go with the poor web host.

It does not cost only the poor support but the frequent downtime and very slow website loading.

When you think of server response time, then it should be 200ms on an average. So improving your server response time, you should find the bottlenecks like lack of adequate memory, slower database queries and slow routing of your requests.

If you to learn to keep your site performing well, then check following tools:

A) GTMetrix:

GTMetrix is an awesome tool to find the website loading time and the factors affecting it. It offers free as well as pro version and gives detailed report of the website loading time. You can compare the performance of two or more websites and apply the suggested changes to reduce the loading time at your end.

B) YSlow:

YSlow will help you to evaluate the speed of your site and provide the tips on how to improve overall performance.

C) IISPEED Tool:

IISPEES Tool can perform page speed test and teach you more about the performance-based strategies and help in automation of the process.

D) Pingdom:

pingdom tool

Pingdom is another useful tool to determine the speed and helps to categorize according to the page components. It provides the help to sort out the problems in your loading time.

The web hosts having upgraded and latest hardware has the least problems with all above. So choosing a better hosting solution is a crucial factor.

For start-up websites or blogs Bluehost, Hostgator and eHost are providing better web hosting service. But if you are looking for a professional or business plan as your site experiencing heavy crowd, the server response time depends upon the amount of traffic and use of the resources by each web page. For such heavy traffic, SiteGround and WPEngine are the very reliable hosting solution.

2) Select A Better Theme:

Tell me first, what would you like to drive on a long run journey, a powerful cruiser or a light duty commuter?

Obviously a roaring cruiser.

But why so?

Because you want to run not only long but also the fast.

While selecting the theme, this concept will help you lot. You might be providing different service to your visitors like web store or media center, apart from the information.

So your theme should be highly responsive and optimized for search engines. The poorly coded theme, having junk of HTML and JavaScript codes or tons of malicious codes can harm your page loading time and make visitors switch to another station.

If you really want to career in blogging or web design field, you will never take the risk of choosing themes from unauthorized sources or poorly coded.

That’s why I recommend the themes from StudioPress, Elegant Themes or MyThemeShop for your website.

You can go with free themes in the WordPress theme library, but when you really expect more, then you should choose a premium theme from a trusted developer.

They are the SEO-optimized, the professionally designed, mobile responsive, secure with clean codes and having blazingly fast loading speed. So why not choose one of them?

3) Get Rid Of Extra Plugins:

The plugins are meant for adding extra functionality to existing blog. Due to the widely spread community of WordPress users, WordPress plugin library has thousands of useful plugins helping people to add the value to their blogs or websites.

Installing too many plugins simultaneously can make your website load very slowly, eating the most of the resources. Sometimes keeping the unnecessary plugins can increase your problem. So getting rid of these extra unwanted plugins is are for boosting your website loading speed.

Here, I will give you a couple of ideas to face the problem mentioned above.

A) Install & activate necessary plugins only to reduce page loading time:

Installing hundreds of plugins unnecessarily only for the occasional boost to your blog functionalities is no brainer. These plugins drink a lot of juice and drain your resources like storage & bandwidth etc. Installing different plugins for the same purpose is also the poor idea.

What does mean by installing Yoast SEO and All In One SEO Pack plugins at the same time to boost search engine optimization? Even, installing a number of social share plugins, contact forms or lead capture plugins on the same blog can drain your resources very fast, and your web pages also tend to load very slowly.

Make sure uninstalling them and keep the most needed plugins only. Even, you are not confident, go to your dashboard and check whether anyone unwanted has left or not.

B) One For All:

You might have got the idea what I’m going to tell here. You are right if you’re thinking that I would suggest using a single plugin having the functionality of a number of different plugins.

Many people use different plugins for every single task like one for creating the subscription, one for social share or one for contact info. Why not they use Jetpack or Sumo Me to take care of every single task listed before.

Another example, if you are using Yoast SEO, then you won’t need separate plugins for SEO, creating sitemaps and analytics purpose. They can do these all tasks without getting lag.

It’s great, isn’t it?

By using these tips, you can get rid of extra unwanted plugins from your blog and boost your site speed.

4) Optimize The Contents On Your Website:

Using the variety of contents especially media like image and videos can enhance a visual appeal of your blog but same time adding them unnecessarily can harm your SEO.

Because according to HTTP Archive,

From November 2010 to May 2016, the average web page size has increased by whopping 228%. That’s 700 KB back in 2010 and 2300 KB today.

That’s the reason behind the increasing the loading time of your website in the larger extent.

Now, the question is how to optimize those web pages to load faster. We have the solution for that also.

The media files especially, images are used at least 7-8 times in a 2000 word copy, and no one will disagree with their use. But the problem is to optimize them to load faster. Let me explain a few tips about how to do this.

A) Don’t use very high-resolution images or videos, unless necessary like 4K or 8K images for a simple blog post. Don’t do that.

B) Use online or offline resources to compress your media files, only mind not to disturb the quality of images. The Lazy Load and WP Smush It plugins or Tiny PNG online image compression tool are the best tools I have found for the compression-purpose.

I use TinyPNG to compress images, and I love this tool due to its capabilities of compression without compromising image quality.

C) Take advantage of GZIP compression. By using GZIP compression not only you can compress your source code into a hard to read copy but also the server can use GZIP to compress your files automatically.

It helps to deliver the compressed contents to your users and uncompress when they receive the requested file.

To enable the GZIP compression to take a trip to Apache module ‘Deflate’ or the Http GZIP module in ‘Nginx.’

Using GZIP is a bit technical task and if you’re not able to do it yourself, ask a professional to take care of that for you because it can compress the files up to more than 50%.

5) Use The CDN (Content Delivery Network):

The CDNs (Content Delivery Networks) have a wide network of the web server & data centers distributed across the different geographical locations.

increased loading time Without A CDN

CDN helps in delivering the contents more efficiently and faster than the single server especially large media and game software files. It works with the collaboration of your existing web hosting server as a joint venture and provides contents from the nearest possible server as a mirror of your web host.

Using CDN, you can boost your site speed more than 200%.

boost loading time with a CDN

If you don’t have enough money to spend on CDN services, you are still able to use free CDN from CloudFlare.

Among the free CDN services, CloudFlare is the best I have ever found. You can easily configure CloudFlare CDN with using API key and minimize your site’s loading time below 3 seconds.

But in case, you want more powerful CDN having more features and more control, MAXCDN is one of the best and trusted platforms. Though it’s paid service, it won’t make the hole in your pocket.

Amazon CloudFront, Akamai, AppStream are a few of highly integrated CDNs but drain your juice as they best suited for business or e-commerce sites and heavily crowded websites like Facebook, Pinterest or Moz costing very high.

In free resources, Photon by Jetpack, SwarmCDN, Coral, and Globule are other few Content Delivery Networks, but I haven’t tested them yet.

CloudFlare or any of other free CDNs is okay up to 1000 visitors per day, even 2-3K. But after that, you should think about the MAXCDN or any other Content Delivery Network to increase the user experience by boosting your site’s loading speed.

6) Use Caching Method:

Use of caching (not catching) methods especially installing plugins like W3 Total Cache, WP Super Cache or WP Rocket can reduce the web page loading time.

Even, you can leverage the browser caching.

When the client requests something, fetching resources over the networks is slow and expensive because the download requires multiple round-trips between your server and the client. It costs users with incurring data and may block rendering web page content by processing delay.

So all servers should specify the caching policy to guide the client in requesting when it can reuse the cached or previously fetched data.

The question is,

“Whether the resources can be cached? And, by whom, for how long and can caching policy be efficiently revalidated on expiry, if applicable?”

I have found the answer.

Use Cache Control to define how and for how long the browser or other intermediate caching sources will take for the individual response. Learn Caching With Cache Control here.

ETag is another useful tool to check whether the resources has changed since the previous request or not by providing revalidation token sent by the browser automatically. Learn more here on  Validating Cached Responses With ETags.

In most of the cases, it’s recommended to use minimum cache time for one week or even one year for static resources or your website design is not changing frequently. You can learn more about leveraging the caching on Google’s page speed and caching guides 

When resources are invalidated, and you need precise control over them, then you can use URL fingerprinting method. See the following guides from Google.

A) Define Optimal Cache Control Policy

B) Caching Checklist

C) Invalidating And Updating Cached Responses

By using these resources, you can generate an optimal caching policy for your website.

I am using W3 Total Cache here for www.websitetipstricks.com

7) Build A Clean Layout & Optimizing Your Webpage Contents:

Building clean layout isn’t very easy but still acceptable. Because if visitors are coming on the site then what’s the benefit of doing a lot of work in here.

To build clean layout use a fast loading theme as I said earlier, and try to remove unnecessary widgets and sidebars.

It may seem harder, who want to generate more money by placing advertisements especially banner ads on their websites. But you can easily optimize this banner images and GIFs.

Even Google let you place their ads in the asynchronous form of JavaScript instead of synchronous.

Because default JavaScripts block the DOM construction thus delay in web page loading. But asynchronous scripts can render your page quickly instead of forcing the visitors to wait for the script to finish downloading before the actual page renders. The script can be downloaded in the background process. It’s nice, isn’t it?

So minimize the contents of your web page to possible level and create a clean layout. It will not only reduce the size of your web page but also make your web pages load faster.

You should monitor the most viewed pages by analytics tools and at least make them clean to load faster by minimizing ads or optimizing contents on them.

Another one is to look for hotlinking or bandwidth theft. If someone is directly linking your web files on his site, you may lose your bandwidth or due to a high number of requests your site will loads slow.

The next thing in optimizing layout is to reduce the size of above fold contents (contents appearing before start scrolling).

If the amount of data exceeded the initial cycle (typically 14.6 KB compressed), requires additional round trips between the client browser and the server. The networks having high latencies such as mobile networks can experience the significant delay in page loading.

Hence, to make your web pages load faster, limit the size of data (HTML, CSS, JavaScript or images) which needed to render above the fold.

You can learn this in detail by Google developer tools by visiting the following sources.

A) Prioritize Content’s Structure To Load Critical Contents Above The Fold First

It means to structure your web pages to load contents faster so the server can help in rendering the critical part of your web page immediately after request and the rest will after over. You can split our CSS into the inline part, responsible for styling the ATF portion of your contents and the parts to be deferred later on.

Here, you can make your main contents load first before the third party apps or widgets, especially banner ads. If your website has structured in columns and sidebars, again make sure your HTML is loading the main component of your website first.

B) Prioritize The Visible Contents To Reduce The Amount Of Data

After configuring viewports to load your site across the multiple platforms and optimizing to load the critical contents first, the next thing is to reduce the amount of data required to render your web pages.

You can do that by using following tips.

I) Minify Resources: HTML, CSS, and JavaScript can be minified which are not the most useful. HTML codes and CSS taking the significant time to load are better to remove from your pages like unnecessary social share widgets, whitespaces, CDATA or comments. Furthermore, you can use some tools available online like plugins named as Autoptimize or Better WordPress Minify for WordPress and Minifier for the rest.

II) Use CSS (Cascading Style Sheets) instead of images wherever possible or enable compression.

8) Remove Clutter From Your Web House:

Do you like things spread in your house occupying space unnecessarily? Almost ‘No,’ because it looks terrible and obstructs to move around easily.

Same here in web space. The clutter drains your resources and makes your site loading very slow. Unnecessary or trashed webpages & deactivated themes or plugins resting in your database or even too old backup files occupy the important space on your web hosting.

So why not to get rid of them now?

9) Optimize Your Home Page:

When a person types the address of your site, most probably he lands on the home page of your website. So optimizing the home page is very important.

As I said in above points, theme, the layout is very important but more than that you must keep your home page to the minimum possible size. Even limit the number of posts on the homepages up to 10 posts only. Only five posts per page are also better.

Go to Dashboard >> Settings >> Reading to make this change.

Don’t even let the infinite scroll (which makes every post load completely) if you want to reduce the website loading time.

10) Take Care Of JavaScript:

Using JavaScript can increase your page loading time significantly. So consider minimizing it, especially in the header section of your web page. You can place your JavaScript like the Google Analytics code in footer section making them load after critical contents.

Also remove or minimize the use of render-blocking JavaScript, especially external scripts that are fetched completely, before they can be executed. The scripts for critical contents can be inlined to avoid extra network request. However, the contents should be small to achieve better performance and minimizing additional http requests.

External JavaScripts can incur extra round-trips between client & server and delay in rendering time. You can take a look at how does JavaScripts affect on rendering by adding interactivity.

Inlining (in the simple optimizing function call) JavaScript and using the asynchronous form of JavaScript can boost your page loading time. You can also consider optimizing CSS delivery. You can make the scripts to defer until initial render or loading of critical contents has finished helping in improving performance.

Speed Up-Optimize CSS Delivery is one of the best WordPress Plugin helps in loading the stylesheets asynchronously and thus decrease the page loading time to boost your site speed.

If you want to use a feature-rich JavaScript library like jQuery which enhances the on page interactivity make it load after above the fold contents would finish rendering. Using them asynchronous or deferring is also beneficial.

When you are using JavaScript framework to develop your pages, then you should use JavaScript inlining on the client side and leverage the server-side rendering. To learn more about JavaScript rendering, watch this video carefully.

Furthermore, too many or too large http (hypertext transfer protocol) requests slows down your website.

According to rve.org.uk,

Whenever your web browser fetches a file (a page, a picture, etc) from a web server, it does so using HTTP – that’s “Hypertext Transfer Protocol”.  HTTP is a request/response protocol, which means your computer sends a request for some file (e.g. “Get me the file ‘home.html'”), and the web server sends back a response (“Here’s the file”, followed by the file itself).

It means too many http requests can let your server perform slowly. So you have to either reduce or eliminate them.

11) Improve The Quality Of UI & UX:

I’m sure that you might be confused how the quality of the user interface increase speed?

If you have the small font (especially for links) or relatively small buttons that user may frequently tap like navigation or search bar, users may occasionally hit with wrong ones.

So size your CTA buttons or any other tapping links relatively large. Also, consider spacing between them horizontally and vertically too. For mobile users, it will be helpful, and they can access the pages very fast without getting frustrated.

Configuring the Viewport is one more beneficial move. Use legible fonts or clear enough for reading, so the user experience will not be hampered.

Making these small changes your site will be load faster and finally, you’ll be able to attract more visitors.

For your kind information, www.websitetipstricks.com loads in less than 1 sec. Isn’t it amazing?

(Tested with Pingdom tool as on 17th February 2017)WebsiteTipsTricks Speed Pingdom

Wrapping Up:

Now you have understood how to optimize the website for fast loading like a rocket. I have shared the tips which I have found useful. Some of them are easy to implement while some may need a bit technical knowledge. Don’t worry, take the help from someone but make sure keeping your site speed booming up.

 

Leave a Reply

%d bloggers like this: