1.减少HTTP请求
最终用户80%的响应时间都花在前端。大部分的时间是花在下载页面中所有的组件:图像、样式表、脚本、Flash等。减少组件的数量然后减少HTTP请求的数量。这是更快的渲染页面的关键。
减少页面中组件的数量的一个方法是简化页面的设计。但是有没有一种方式可以构建更丰富的内容页面,,同时也实现快速响应呢?以下是一些技术可以在减少HTTP请求的数量的同时仍然支持丰富的页面设计。
合并文件是减少HTTP请求的数量的一个方法，就是把所有脚合，所有CSS样式表，分别并成一个。当不同页面的脚本和样式表各不相同时，合并文件具有更多的挑战,但合并可以让这部分减少响应时间。
CSS Sprites 是减少图像请求数目的首选方法。将您的背景图像合并为一个单一的背景图和使用CSS的background-image 和 background-position属性来显示所需的图像部分。
Image maps 把多张图片组合成一个单一的图片，整体大小相同,但减少HTTP请求的数量从而加快页面。图像映射只有在当图像在页面上是连续的时有用,如一个导航栏。定义图像的映射坐标是乏味的而且容易发生错误的。因此为导航使用图像映射也不被接受,因此不建议使用
Inline images use the data: URL scheme to embed the image data in the actual page. This can increase the size of your HTML document. Combining inline images into your (cached) stylesheets is a way to reduce HTTP requests and avoid increasing the size of your pages. Inline images are not yet supported across all major browsers.
原文链接：https://www.cnblogs.com/jellychow/p/3370259.html
原创文章，作者：优速盾-小U，如若转载，请注明出处：https://www.cdnb.net/bbs/archives/17229
