浅谈网页基本性能优化规则小结

ETag是附加到文档上的任意标签，可能是文档的序列号或版本号，或者是文档内容的校验等。当文档改变时ETag值也会随之改变。与ETag相关的是 If-None-Match，当浏览器发起请求时，会在If-None-Match字段携带ETag的值发给服务器；

Last-Modified是文档在服务器端最后被修改的时间。与Last-Modified相关的是If-Modified-Since，当浏览器发起请求时，会在If-Modified-Since字段携带Last-Modified的值发送给服务器。

强缓存和协商缓存

缓存的类型强缓存和协商缓存。两者区别是，强缓存不会向服务器发请求，而协商缓存会发请求，匹配成功返回304 Not Modified，匹配不成功返回200；浏览器会先校验强缓存，若强缓存未命中，再进行协商缓存校验。

如何配置浏览器缓存

在web服务器的返回响应中添加Expires和Cache-Control；

在nginx或apache的配置文件中配置Expires和Cache-Control。

为什么要减少HTTP请求

在性能优化中减少http请求的措施占了很大部分，比如：使用css雪碧图代替多张图片的请求、避免空src的图片、使用内联图片、使用外链的css和js、缓存等。

从输入URL到页面加载完成的过程包括：

DNS解析

TCP连接

HTTP请求与响应

浏览器渲染页面

关闭连接

一个完整的http请求要经历这些过程，它是耗时耗资源的，因此减少请求数就变得很有必要。

参考资料：

《高性能网站建设vs高性能网站建设进阶指南》
《JavaScript高级程序设计（第三版）》
《HTTP权威指南》
《Best Practices for Speeding Up Your Web Site》

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!