美文网首页
页面性能

页面性能

作者: 猴子Hope | 来源:发表于2018-01-04 12:03 被阅读0次

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

    相关文章

      网友评论

          本文标题:页面性能

          本文链接:https://www.haomeiwen.com/subject/pmalnxtx.html