页面的优化

页面的优化(让页面更快的显示和响应)

加载阶段
    关键资源个数。
        减少关键资源个数。
        1、将JS、css内联。
        2、JS代码没有DOM或CSSOM操作,可以改成sync或者defer属性。
        3、css添加媒体取消阻止显现的标志。
    关键资源大小。
        减少关键资源的大小。
        1、压缩
        2、移除注释
    请求关键资源需要多少个RTT (往返时延)一个HTTP数据包在14KB左右
        1、通过减少关键资源个数和关键资源大小搭配实现。
        2、使用cdn来减少每次的RTT时长。

交互阶段
    渲染进程渲染帧的速度。让单个帧的生成速度变快。
    1、减少JS脚本执行时间。分解任务&web workers
    2、避免强制同步布局。
    3、避免局部抖动。
    4、合理利用css合成动画。
    5、避免频繁的垃圾回收。

关闭阶段
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 9月20日,苹果开始向中国推送 iOS 11 的正式版。个人对这个新系统已经关注很久,迫不及待在第一时间就进行了更...
    卫亮阅读 6,464评论 12 23
  • 不出意外地,安装好Ubuntu和Windows的双系统后应该是由Ubuntu的grub引导启动的,也就是开机的时候...
    超级超级小天才阅读 36,691评论 5 32
  • 一直都关注兰军老师的微信公众号,前不久,兰老师从迅雷离职,开始了第二次创业,这一次创业,兰老师做的是教育方面的,公...
    abcdefghojnshdb阅读 1,131评论 0 1
  • 一起去朋友家做饭,先做了奶昔,初中的时候英语课有一个单元就是奶昔,大部分同学都带了牛奶,只有少数几个同学带了香蕉和...
    EileenEileen阅读 332评论 1 0
  • 今日体验:今天下午去家里拿东西,顺便摘了点柿子,很多地方还是原来的样子,看到的人已经不是原来的样子了,想了很多,当...
    京心达阅读 224评论 0 1

友情链接更多精彩内容