Website speed

Everyone loves speed! But what if your website loads slow. People impatience will definitely lead you till fall because visitors prefer sites that load faster. It has been observed that fast loading websites generate more traffic ultimately more revenue too and website speed is one important parameter in Google’s indexing of website rank.This write-up will give tell you about some tips which can increase your website speed.

Webpage Best Speed

In what time your website should load completely? Well I would say “1 sec”. Oh it’s too fast. It’s good if you have your website load-time less than 7 seconds and try improving it to 3 seconds. But if your websites is taking more than 10 seconds time then you are losing something precious.Average loading speed of e-commerce website is 4.7 sec.

Tools To Analyse Speed

There are many tools available online that tests website speed as well as many other factors.Some tools are given below:

1. PageSpeed Insights - Google Developers
2. Yahoo! YSlow
3. WebPageTest
4. Pingdom

Pro Tips Speed

1. Use a fast webhost service

Your website load time also depends upon the hosting server. So it’s good to choose better webhost. For low traffic websites webhosting services like Host Gator, GoDaddy, BlueHost etc. are the best one but If your website generate high traffic then you should look for dedicated webhosting like IBM WebHosting, BigRock Dedicated Hostings etc.

2. Use CDN - A Content Delivery Network

Again, this tip is for high traffic generating websites. A content delivery network (CDN) is a collection of web servers distributed across multiple locations to deliver content more efficiently to users. CDN is used in delivering static files like CSS/JS, images etc. by providing alternating download nodes to user. TATA CDN Service is tier1 in India, you can also look for Max CDN but they don’t have any node in India.

3. Minimize http requests

A lot of time is wasted in sending http request to the server. For every image, CSS/JS, flash etc. http request is sent to the server. This can be minimized by following tips:

• Streamline the number of elements on your page.
• Use CSS instead of adding  tag where ever possible.
• Combine multiple stylesheets into one.
• Reduce the scripts where ever possible and put them at bottom of the html page.

4. Compress your website with pro tool.

Compression reduces response times by reducing the size of the HTTP response. There is cool tool for this purpose: Gzip. This tool decreases response time by approx 70%. Learn more about gzipping here. 

5. Use browser caching.

When you visit a website, the elements on the page you visit are stored on your hard drive in a cache, or temporary storage, so the next time you visit the site, your browser can load the page without having to send another HTTP request to the server.The browser can cache files like images, CCS/JS, media files. The expiration limit to all these can also be set to these files (from 1 week to a year).

6. Get into New web model (Google app shell model)

After progressive websites phase, now comes the era of progressive webapps. Progressive web apps are the future of web. Progressive Web apps are an idea first espoused by Google engineer Alex Russell in June 2015. In a nut shell, progressive Web apps start out as tabs in Chrome and become progressively more “app” like the more people use them, to the point where they can be pinned on the home screen of a phone or in the app drawer and have access to app-like properties such as notifications and offline use.This model gives user all new mobile experience and feel like an app.Have you ever visited flipkart.com on your android mobile? Check this write-up about Progressive Web App: A New Way to Experience Mobile.

7. Minify your webfiles.

Since every unnecessary piece of code add to the size of your page, it’s important that you eliminate extra spaces, line breaks, and indentation as possible. You can use Google Page Insights for this purpose.Also, you can look for following web-tools:

• To minify HTML,try a minifying service to generate an optimized version of your HTML code.
• To minify CSS,try YUI Compressor and js.
• To minify JavaScript,try the Closure Compiler, JSMin or the YUI Compressor. You can create a build process that uses these tools to minify and rename the development files and save them to a production directory.

8. Optimize the images and CSS.

Get your website image right.

Images can be large, and make your website slow to load. That’s why you need to reduce the file size of your photos that you use on your blog posts and other content, logo files, graphics etc.

Apply following tips:

1. Crop the images to right size with a cropping tool not just set parameter to  for instance.
2. Use .jpeg or .png image and don’t use bmp format.
3. Always include valid url in src attribute.

Optimize CSS delivery

Another important website resource is CSS. There are two ways of including css, in an external file and in inline method.It is recommended to use external CSS styles. Inlining CSS attributes on HTML elements should be avoided where possible, as this often leads to unnecessary code duplication.

Try implementing the above tips in your live website and observe the change.

For more useful articles on startups like this, visit our journal

You can also join our official Facebook group, like our Facebook page and follow us on Twitter mentioned below