`

前端性能优化

阅读更多

Web性能优化手段:

 

  1. 减少HTTP请求数
  2. 使用CDN
  3. 给HTTP头部添加过期时间
  4. 使用Gzip压缩
  5. 样式表置于页面最前面
  6. 把脚本放在最后
  7. 使用外部JavaScript和CSS8.压缩(Minify)Javascript和CSS
  8. 背景图片数量及大小的优化
  9. 避免使用 CSS 表达式(Expression)
  10. 用 <link> 代替 @import
  11. 避免使用滤镜
  12. 剔除重复脚本
  13. 减少DOM访问
  14. 开发智能事件处理程序
  15. 最好的方案就是按照 HTML 规范在文档 <head /> 内加载你的样式表。
  16. 对于拥有较大浏览量的首页来说,有一种技术可以平衡内置代码带来的 HTTP 请求减少与通过使用外部文件进行缓存带来的好处。其中一个就是在首页中内置 JavaScript 和 CSS ,但是在页面下载完成后动态下载外部文件,在子页面中使用到这些文件时,它们已经缓存到浏览器了。
  17. 减小Cookie体积
  18. 对于页面内容使用无coockie域名
  19. 优化图像
  20. 优化CSS Spirite
  21. 不要在HTML中缩放图像
  22. favicon.ico要小而且可缓存

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics