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可缓存

  • 相关阅读:
    重构原则
    【重构:改善既有代码的设计】读书笔记——开篇
    C#值参数和引用参数
    使用Aspose.Cells利用模板导出Excel(C#)
    在MVC中使用rdlc格式的报表
    程序员如何高效学习
    IT 圈里有哪些经常被读错的词?
    VS2017生成解决方案报错,提示对路径的访问被拒绝
    JavaScript中的数值转换
    Xadmin的配置及使用
  • 原文地址:https://www.cnblogs.com/xmaomao/p/2809786.html
Copyright © 2011-2022 走看看