没有合适的资源?快使用搜索试试~ 我知道了~
web性能优化演示文档
资源推荐
资源详情
资源评论
WEB性能优化
用户角度 :网站优化能够让页面加载得更快,响应更加及时,极
大提升用户体验
服务商角度 :优化会减少页面资源请求数,减小请求资源所占带
宽大小,从而节省可观的带宽资源。
网站优化的目标是:减少网站加载时间,提高响应速度。
二、了解一个快速站点,什么是快速站点?
一个好的交互效果在以下情况下,
网站可以快速加载:
1,服务器在短时间内响应请求
2,应用程序(前端)本身可以快速加载
和呈现
三、分析网站性能瓶颈
1,打包文件大小
2,静态资源加载时间(F12,network中查看)
3,资源瀑布:Waterfall
TTFB全称Time To First Byte:是指网络请求被发起到从服务器接收到第一个字节的这段时间
,它包含了TCP连接时间、发送HTTP请求时间和获得响应消息第一个字节的时间。
Content Download:即下载内容所需要的时间。
用户下载内容所需要的时间,受限于服务器的资源、资源的大小以及用户的网络速度。
4, HTTP请求数:浏览器的并发请求数目限制。即一时间针对同一域名下的请求有一定数量限
制。超过限制数目的请求会被阻塞。(新的浏览器加大了并发数的限制,但却仍控制在8以内)
5.YSlow或者PageSpeed
我们可以通过 Google PageSpeed Insights API Extension 来对网站整体性能做一下评估,按照
建议去做一些高效优化。
5.1, 加载时间概况
5.2, 影响网站加载因素
5.3 缓存策略问题
5.4 DOM节点
5.5 关键路径( 关键路径延迟时间上限 )
5.6 主线程情况
四、浏览器渲染
1, 浏览器内核分为两部分:
1.1,渲染引挚: HTML解释器、css解释器、布局、网络、存储、图形、音视频、图
片解码器等
1.2,js引挚: js代码在何处,就在何处执行,会抢走渲染引挚控制权,造成渲染阻
塞
2, HTML可以请求JavaScript,而JavaScript又可以更改DOM。浏览器引擎将两者结合起
来以创建渲染树。布局确定页面上所有内容的大小和位置。确定布局后,将像素绘制到屏
幕上。
剩余20页未读,继续阅读
资源评论
小龚的测试之路
- 粉丝: 62
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功