美文网首页Web Developer
Web Optimize 网页优化

Web Optimize 网页优化

作者: 方寸拾光 | 来源:发表于2018-09-09 23:03 被阅读0次

    1、减少HTTP请求


    1-利用图片地图

    2-CSS Sprites(利用background-position)

    3-内联图片(通过将小数据量的图片存放在url中来减少http请求,格式data:[mediatype][;base64],<data>)

    4-和平脚本和样式表(最终合并成一个大的样式表,webpack的处理方式)

    2、添加Expires头

    1-添加expires头(规定具体的失效时间,存在问题:服务器时间和本地时间不一致的情况)

    2-添加max-age头(规定多少时间后失效)·····    

    3、将样式表放在顶部

    4、脚本放在底部(放在顶部会阻塞后面内容的下载和呈现)

    1-并行下载(如果一个web页面平均地将其组件分别放在两个主机名下,整体的响应时间将可以减少大约一半)

    5、使用外部JavaScript和CSS(纯粹而言,内联快一点,但考虑到并行下载和缓存的频率)

    1-页面查看(用户查看频率约高,那么外部js和css缓存将有明显的优势)

    2-组件查看(不同页面中组件的重用率高的情况下,外部文件也更加有优势)

    6、减少DNS(Domain Name System)查找

    7、避免重定向

    相关文章

      网友评论

        本文标题:Web Optimize 网页优化

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