Web网站前台性能优化

       最近,开始粗略看了《高性能网站建设指南》这一本书,对于像我这样初次想要去解决网站的请求响应速度,以便让最终用户觉得“快”的体验。

       在前后端优化的同时,还需了解时间大部分花在哪个方面。10%-20%的时间是花在了从Web服务器获取HTML文档并传送到浏览器,而80%-90%的时间就花在浏览器接收服务器响应过来的数据,所以仅仅在前端进行小小的优化就能让用户明显感觉到网站速度提升了。

       大体上就有以下几个方案,在以后开发过程中就应该注意无形之中就能让自己的网站速度提升:

  (* 表示目前自己还需要学习的内容)

       1. 减少页面的HTTP请求:图片地图、CSS Sprites、date:模式的URL内联图片、合并脚本和样式表。

    * 2. 使用内容发布网络

    * 3. 添加Expires头:HTTP头通过缓存来改善Web页面的性能

    * 4. 压缩组件:

    * 5. 将样式表放在头部、将脚本放在尾部:

    * 6. 避免CSS表达式: CSS表达式的使用

       7. 使用外部的JavaScript和CSS   

    * 8. 减少DNS的查找

       9. 精简和压缩JavaScript

      10. 避免重定向

      11. 移除重复脚本

    * 12. 配置ETag

       13. 使用Ajax可缓存

原文地址:https://www.cnblogs.com/xmaomao/p/2809786.html