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

首屏加载速度优化

作者: 我向你奔 | 来源:发表于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元素做延迟解析异步渲染

相关文章

  • 常见面试题--js+css+vue

    1、变量提升、函数提升 2、数组的常用方法 3.优化首屏加载速度 4.Vue 首屏加载速度优化 5、Vue如何设置...

  • 前端性能优化

    优化项目加载速度,首屏渲染速度。 html优化使用 声明减少嵌套层级减少不必要的Dom元素标签...

  • 首屏加载速度优化

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

  • 优化首屏加载速度

    在使用ui库时,尽量使用按需加载方式. 异步加载,官方文档很详尽,改造起来也不难,可以试试 合理规划三方库的引用....

  • 利用performance统计网站的加载新能

    介绍利用H5 api接口performance,统计网站的加载时间,进而优化加载速度。在做H5项目的时候,首屏加载...

  • Vue 首屏加载速度优化

    参考文章https://blog.csdn.net/weixin_42604828/article/details...

  • 前端性能优化 - 首屏渲染优化实现及其必要性

    前端性能优化,不得不提的就是这个首屏渲染优化 首屏渲染优化 其实更具体点,应该是:首次加载首屏渲染优化,原因是某些...

  • webapp优化的辛酸之路

    webapp优化的辛酸之路 标签(空格分隔): 优化 移动端的首屏加载速度非常重要,使用了vue.js搭建的SPA...

  • 首屏加载速度优化——图片懒加载

    什么是懒加载 懒加载其实就是延迟加载,是一种对网页性能优化的方式,比如当访问一个页面的时候,优先显示可视区域的图片...

  • Vue性能优化

    性能优化的手段 目标:降低打包后文件大小,提高首屏加载速度 手段: 1.懒加载 运用懒加载则可以将路由对应的页面组...

网友评论

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

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