页面性能

一、资源压缩合并,减少HTTP请求

CSS Sprites, JS、CSS源码压缩、图片大小控制合适等等

二、非核心代码异步加载

异步加载的方式

    动态脚本加载    defer    async

异步加载的区别

    defer是在HTML解析完之后才会执行,如果多个,按照加载顺序依次执行

    async是在加载完之后立即执行,如果是多个,执行顺序和加载顺序无关

三、利用浏览器缓存

强缓存

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

四、使用CDN

五、DNS预解析

<link rel="dns-profetch" href="//host_name_to_prefetch.com">

https协议,强制打开<a>标签DNS预解析

<meta http-equiv="x-dns-prefetch-control" content="on">

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

推荐阅读更多精彩内容

  • 提升页面性能的方法有哪些? 1.资源压缩合并,减少http请求2.非核心代码异步加载------->异步加载的方式...
    noyanse阅读 119评论 0 1
  • JS页面性能类1.提升页面性能的方法有哪些? 资源压缩合并,减少HTTP请求(资源传输的过程变小); 非核心的代码...
    飞菲fly阅读 863评论 0 1
  • 1、概述 PC优化手段在Mobile侧同样适用 在Mobile侧我们提出三秒种渲染完成首屏指标 基于第二点,首屏加...
    405b8141d9c6阅读 751评论 0 3
  • 传统流程 通常将html、js、css等静态资源放入cdn上,然后页面加载后,再通过CGI去拉取最新的 数据,进行...
    fangdown阅读 1,085评论 0 0
  • 我一直以为我懂了足够多的人情世故,也足以应付社会的刁难。可是我还是低估了它的莫测,一度让我猝不及防。 以...
    适逢其会_424b阅读 587评论 2 6