关于前端:前端性能优化总结

40次阅读

共计 670 个字符,预计需要花费 2 分钟才能阅读完成。

  1. 缩小 DNS 查找次数:合并文件、应用 css sprites,因为首次拜访网站,响应工夫大部分用来下载各项内容
  2. 缩小 DNS 查找次数:缩小主机名的数量能够缩小 DNS 查找次数。url 地址(获取地址的 IP)-> 本地 DNS 缓存(找到就返回 IP 地址,并进行下一步)-> DNS 服务器(返回 IP 地址)。在这个过程中浏览器什么都不会做直到 DNS 查找结束。
  3. 可缓存的 AJAX:对于申请不变的内容能够缓存到本地
  4. 推延加载内容:哪些内容是页面出现时所必须首先加载的?哪些内容和构造能够稍后再加载?
  5. 预加载:和推延加载相似,在浏览器闲暇时将前面页面可能用到的资源缓存
  6. 缩小 DOM 元素数量:晋升 JavaScript 遍历 DOM 的效率
  7. 依据域名划分页面内容:HTML 内容和动静内容放到一个域名上,将页面各种组件(图片、脚本、CSS) 寄存另一个域名上
  8. 缩小应用 iframe
  9. 应用 CDN 内容散发网络
  10. 设置缓存:为文件头指定 Expires 或 Cache-Control
  11. Gzip 压缩文件内容:图像和 PDF 文件因为曾经压缩过了,再进行 gzip 压缩成果不显著
  12. 把样式表置于顶部:在文档 <head /> 内加载你的样式表
  13. 防止应用 CSS 表达式:应用 CSS 表达式,肯定要记住它们要计算成千上万次并且可能会对你页面的性能产生影响
  14. 应用内部 JavaScript 和 CSS:因为内部 JavaScript 和 CSS 文件都能在浏览器中产生缓存
  15. 精简 JavaScript 和 CSS:去除无用代码、压缩、混同
  16. 用 <link> 代替 @import:对于两者区别,能够网上查看
  17. 把脚本置于页面底部
  18. 缩小 DOM 拜访
  19. 应用事件代理解决雷同事件
  20. 减小 Cookie 体积
正文完
 0