图片占网页传输的大部分有效载荷，图片优化可以带来大量的性能提升
webp格式
svg格式
图片懒加载
img的srcset属性，picture属性
4种网络字体woff eot ttf woff2，woff支持度较广
1.浏览器会限定同一时间同一域名的请求数量，大约在6~10个左右，如谷歌限定为6个
2.当请求数量超过限定数量，便会阻塞请求，等待前面的完成再去执行
3.大型网站主页请求过多，使用CDN来减少同一域名同一时间的请求，减少用户等待时间
1.html渲染顺序，解释渲染树（html解释）→构建渲染树（css解释）→布局渲染树（reflow）→绘制渲染树（repaint）
2.css引入发生在构建渲染树期间，js的引入与执行开始发生在reflew期间，因此，在header中引入css，在body最后引入js
图片 图片占网页传输的大部分有效载荷，图片优化可以带来大量的性能提升webp格式svg格式图片懒加载 响应式图片 ...
阅读阮一峰老师网页性能管理详解笔记 原文[http://www.ruanyifeng.com/blog/2015/...
一、网页性能优化（提升网页运行速度和用户体验度） ①除特殊需求，尽量使用国内空间，以提高页面打开速度和备案 （备案...
关于网页性能，蔡老师有一篇文章已经讲得很清楚了， 什么是网站性能优化技术？怎样提升移动端的用户体验？ ，只是正好...
参考原文 ?网页生成的过程 [站外图片上传中...(image-39a3d0-1533610972996)]网页生...
AMP简介 Google推出移动网页加速项目AMPAMP介绍 AMP是如何提升性能？ 以下的优化点是AMP页面能被...
[笔记]Android性能优化 上[笔记]Android性能优化 中[笔记]Android性能优化 下 7.And...
[笔记]Android性能优化 上[笔记]Android性能优化 中[笔记]Android性能优化 下 8.And...
[笔记]Android性能优化 上[笔记]Android性能优化 中[笔记]Android性能优化 下 说明 这篇...
影响网页性能的环节很多，可能有数百种影响的因素，能够提升或是减缓你的网页速度表现，虽然追查起来十分的困难，但许多工...
本文标题：笔记：网页性能提升
本文链接：https://www.haomeiwen.com/subject/hdcijftx.html
网友评论