How to reduce HTTP calls

80% of the response time of a web page is spent on calls

Most of this time is linked to downloading all components on the page: images, style sheets, scripts, flash, etc.

Reducing the number of components, in turn, reduces the number of HTTP requests required to display the page. This is the fundamental key to how fast a page is.

One way to reduce the number of components on the page is to simplify the layout of the page. There are ways to build the pages with the same layout but with fewer HTTP requests, here are some techniques to reduce the number of HTTP calls while maintaining a rich layout.

File joining is a way to reduce the number of HTTP requests by combining all the scripts in a single script, and also combining all the CSS into a single style sheet. Combining files is more difficult when javascripts and stylesheets vary from page to page, but the process improves load times.

CSS Sprites are a reference method to reduce the number of images unifying them. By combining the background images with the "background-position" and "background-image" properties, you can display chunks of the same image by having all the main images on the web be called at once.

Image maps combine multiple images into one. The total size is approximately the same, but reducing the number of HTTP requests speeds up the page. The image map will only work if the images are contiguous, like a navigation bar. Creating an image map can be tedious and error prone. The use of this technique is not recommended for navigation, choose CSS Sprites first.

Images, use the "data:" URL scheme, embed the image data on the actual page. This can increase the size of your HTML document. Combining images (cached) with stylesheets is one way to reduce HTTP requests and avoid increasing the size of your pages. Images have not yet been supported in all major browsers.

Reducing the number of HTTP requests from your website is very effective. This is the most important rule to improve the performance of visitors, who access the website for the first time.

Date update on 2020-11-13. Date published on 2020-11-13. Category: Computer class Author: Oscar olg Fuente: tecnologia