页面性能

2018-01-04  本文已影响0人  猴子Hope

一、资源压缩合并,减少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">

上一篇下一篇

猜你喜欢

热点阅读