美文网首页
首屏加载速度优化

首屏加载速度优化

作者: 我向你奔 | 来源:发表于2018-05-02 21:05 被阅读78次

    1、JavaScript外联文件引用放在html文档底部;CSS外联文件引用在html文档头部,位于head内;

    2、http静态资源尽量用多个子域名;

    3、服务器端提供html文档和http静态资源时,尽量开启gzip压缩;

    4、在js,css,image等资源响应的httpheaders里,设置expires,last-modified;

    5、尽量减少HTTP Requests的数量;

    6、js/css的minify:可统一通过combo handler做到压缩加合并;

    7、减少不必要的301/302跳转:别让页面打开时间浪费在302多次跳转上(每次可能几十毫秒);

    8、请大量使用雪碧图:这样做可以大大地减少CSS背景图片的HTTP请求次数;

    9、首屏不需要展示的较大尺寸图片,请使用lazyload;

    10、图片无损压缩的优化;

    11、避免404错误:尽量减少外联js;

    12、减少cookies的大小:尽量减少cookies的体积对减少用户获得响应的时间十分重要;

    13、使用无cookies的域;

    14、减少DOM Elements的数量;

    15、引入textarea/script元素做延迟解析异步渲染

    相关文章

      网友评论

          本文标题:首屏加载速度优化

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