优化

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

  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">
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 0. 前言 前面有被用户投诉 APP 流量消耗厉害: 于是乎考虑了流量方面的问题。暂时 APP 中涉及流量的几个方...
    zyl06阅读 24,305评论 5 63
  • 一、减少HTTP请求 每个请求都是有成本的,既包含时间成本也包含资源成本。一个完整的请求都需要经过 DNS寻址、与...
    JokerPeng阅读 467评论 0 2
  • Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列...
    拉风的老衲阅读 1,880评论 0 1
  • 前端性能优化资料整理 页面性能差的直接后果是用户需要等待,而等待,尤其是不确定要多长时间的等待会给用户带来焦虑,为...
    飘零之雪阅读 838评论 2 3
  • 可能有人问,是怎样的一种爱即使跨越时空也从不放弃,即使身处险境也要拼死一搏,今天看了杨幂的《逆时营救》,我...
    呆萌小丸子阅读 352评论 2 3