zoukankan      html  css  js  c++  java
  • 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可缓存

  • 相关阅读:
    洛谷P2875 [USACO07FEB]牛的词汇The Cow Lexicon
    poj2241 The Tower of Babylon
    2015 Noip提高组 Day2
    2015 Noip提高组 Day1
    poj3252 Round Numbers
    hdu4734 F(x)
    hdu2089 不要62
    洛谷P1831 杠杆数
    洛谷P2113 看球泡妹子
    洛谷P3110 [USACO14DEC]驮运Piggy Back
  • 原文地址:https://www.cnblogs.com/xmaomao/p/2809786.html
Copyright © 2011-2022 走看看