优化

2018-03-26  本文已影响0人  进击的蒸汽机

提升页面性能的方法有哪些?

  1. 资源压缩合并,减少http请求
  2. 非核心代码异步加载
    • 异步加载的方式
      • 动态脚本加载
      • defer
      • async
    • 异步加载的区别
      • defer是在HTML解析完之后才会执行,如果是多个,按照加载的顺序依次执行
      • async 是在加载完之后立即执行,如果是多个,执行顺序和加载顺序无关
  3. 利用浏览器缓存
    • 缓存的分类

      • 强缓存
      属性 描述
      Expires Expires:Thu, 21 Jan 2017 23:39:02 GMT
      Cache-Control Cache-Control:max-age=3600
      • 协商缓存
      属性 描述
      Last-Modified(上次修改的时间)
      If-Modified-Since
      Last-Modified:Wed, 26 Jan 2017 00:35:11 GMT
      Etag
      If-None-Match
      Last-Modified:Wed, 26 Jan 2017 00:35:11 GMT
  4. 使用CDN
  5. 预解析DNS
    <meta http-equiv="x-dns-prefetch-control" content="no">
    <link rel="dns-prefetch" href="//host_name_to_prefetch.com">
上一篇 下一篇

猜你喜欢

热点阅读