by,
Pragati
If you have your website its, performance should be good. If not, then one will not visit you site. So following are some points which you can used to increase the performance of website.
1. Minimizing HTTP Requests :
One of the most important aspects of improving a web page's performance is minimizing the number of round trips that the browser needs to make to the server. Every file that your website includes (such as CSS, JavaScript or images) all need to be downloaded to the browser. By minimizing these requests you will speed up the page significantly. If you include separate CSS files for different parts of your site then you will find it beneficial to include all the CSS in one stylesheet, likewise for JavaScript or other resources.
2. Minifying HTML, CSS & JavaScript
In order to understand the code that we are writing, we often format it in a way that is easier for us to read, in other words it's a more human friendly format.
3. Optimizing Images
One of the most performance hungry assets that the browser needs to download are images, causing some sites to be painfully slow. Wherever possible try to use CSS to generate graphics instead of images. This can be great for items such as buttons, but in some cases CSS maybe not be capable of recreating the design such as in the case of a photograph, or a detailed decorative element. If this is the case then there are some tricks to try.
4. Sprites
If you've been designing for a long time then I'm sure you'll already be using sprites. If you're just beginning, however, then here's a quick overview of them.
Earlier on I told you about the key to speeding up websites is to minimize the number of http requests. Each image that you have on your website requires one http request to the server. Usually, browsers can perform only a couple of simultaneous requests (to the same domain) simultaneously, which is why queues form. By combining several images into one single image we can reduce the number of requests.
Pragati
1. Minimizing HTTP Requests :
One of the most important aspects of improving a web page's performance is minimizing the number of round trips that the browser needs to make to the server. Every file that your website includes (such as CSS, JavaScript or images) all need to be downloaded to the browser. By minimizing these requests you will speed up the page significantly. If you include separate CSS files for different parts of your site then you will find it beneficial to include all the CSS in one stylesheet, likewise for JavaScript or other resources.
2. Minifying HTML, CSS & JavaScript
In order to understand the code that we are writing, we often format it in a way that is easier for us to read, in other words it's a more human friendly format.
3. Optimizing Images
One of the most performance hungry assets that the browser needs to download are images, causing some sites to be painfully slow. Wherever possible try to use CSS to generate graphics instead of images. This can be great for items such as buttons, but in some cases CSS maybe not be capable of recreating the design such as in the case of a photograph, or a detailed decorative element. If this is the case then there are some tricks to try.
4. Sprites
If you've been designing for a long time then I'm sure you'll already be using sprites. If you're just beginning, however, then here's a quick overview of them.
Earlier on I told you about the key to speeding up websites is to minimize the number of http requests. Each image that you have on your website requires one http request to the server. Usually, browsers can perform only a couple of simultaneous requests (to the same domain) simultaneously, which is why queues form. By combining several images into one single image we can reduce the number of requests.
No comments:
Post a Comment