Website Performance boosting Tips


All functional and design efforts on a website are not worth untill its performance is good.This article is about website performance, containing 15 easy guidelines. If taken care by developers, can boost their website performance upto a desirable level. These tips are not restricted to any programming language.These can be implemented with any website developed using any technology.

1.) If same data is required among multiple users, Caching can be used. Cache stores the data on application server's cache memory. So each time when a request is made the data will come from cache memory than Database.Example, On a particular page load you want a grid of multiple records to be loaded and data to display is same for all the users.In such scenario you can place the data in cache memory. It will boost the performance to a certain height.
2.) Make JavaScript and CSS external.Make internal only if they are too small.
3.) Bundling and minification - it will club all the script and css files into bundles. Example : if there are 10 JS files, if you create a single bundle server will hit once instead of 10 times to get these files.Same is the case with CSS. Besides it will minify your files, meaning will remove unnecessary spaces and line breaks.
4.) If not using Bundling, atleast go for minification on production.You can minify your files online.There are lots of online converters for the same.
5.) Use compressed images.Make use of Image Sprites, which allow you to combine several images into one. From there, you can use CSS to extract the portion of the combined image to render .It will also reduce HTTP request count.
6.) Place all scripts at bottom of page right before closing of body tag ().But keep CSS file links in head of element
7.) If you are using some scripts from some CDN, then use their online path instead of downloading to local and placing in your project. The reason behind this is, most of the time our browsers have already visited the sites that are referencing to such scripts and they are already cached in our browser.
8.) Async: Make use of this keyword for those JS files that you can allow to download in background.
Example:

<script async src="myfile.js" />


9.) Check your browser console and fix the bugs displayed.like 404 request not found for some internal resources or other errors.
10.) Check the network traffic in browser console and see which file is taking long to load.
11.) Database Optimization: Stored Procedures should be efficiently written.Its execution time should be narrow as small as possible.Tables inside DB should be properly indexed.
12.) GZIP Compression: GZIP compression saves 50% to 80% bandwidth and will significantly increase the website's loading speed. Compresses web pages, CSS, and javascript at the server level before sending them over to the browser. You can check ONLINE if your site is already compressed .There are many sites where you can check this
13.) Website should be well designed.There should not be unnecessary tables.Instead design tabular views using Divs.
14.) When you're hosting your website with a hosting provider or with a cloud provider, you'll get what you pay for. If you're running a quality website , avoid shared hosting. Instead, make sure that your hosting infrastructure is dedicated to your site only.
15.) Google PageSpeeds Insights: PageSpeed Insights analyzes the content of a web page, then generates suggestions to make that page faster.<


Related Articles

Optimizing ASP.NET Web application performance through Bundling and Minification Part-2

In the first article we had seen how Bundling helps us to minimize the number of HTTP requests sent from browser to improve ASP.NET web page performance. Now I am going to cover Minification Part which helps to reduce the size of requested resources to improve ASP.NET web page performance in terms of load time of CSS or JavaScript files(resources).

Usage of HttpHandler

HttpHandler can be very handy in scenario when you don't require complete page cycle.

More articles: Performance enhancements

Comments

No responses found. Be the first to comment...


  • Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.
  • No HTML formatting and links to other web sites are allowed.
  • This is a strictly moderated site. Absolutely no spam allowed.
  • Name:
    Email: