优化网站加载时间(GTmetrix)
来源:互联网 发布:jquery获取表格数据 编辑:程序博客网 时间:2024/05/18 20:35
首先,看下页面加载时间轴
1.URL重定向时间(Redirect duration)
包括:
说明:一个网站可能会执行多个重定向链,这个时间为总时间;如果没有重定向,则为0。在Waterfall Chart中, Redirect duration consists of the time from the beginning of the test until just before we start the request of the final HTML page (when we receive the first 200 OK response).
优化:During this time, the browser screen is blank! Ensure that this duration is kept to short by minimizing your redirects.(即通过减少重定向)
2.连接时间(Connection duration)
包括:Technically speaking, this duration is a combination of the blocked time, DNS time, connect time and sending time of the request (rather than just connect time). (即阻塞时间+DNS时间+连接时间+发送请求时间)
说明:In the Waterfall Chart, Connection duration consists of everything up to and including the "Sending" time in the final HTML page request (the first 200 OK response).(即第一个200OK的发送时间)
优化:一般时间很短,无优化!
3.后端持续时间(Backend duration)
包括:后端处理数据的时间
说明:In the Waterfall Chart, Backend duration consists of purple waiting time in the page request.(后端响应时间)
优化:后端代码优化(重中之重)
推荐:Why is my page slow?
4.接收到第一个字节的时间(Time to First Byte (TTFB))
包括:Redirect duration+Connection duration+Backend duration(顾名思义,前三个时间的加和)
说明:In the Waterfall Chart, it is calculated at the start of the test until just before receiving on the page request and represented by the orange line.(即从开始测试到页面接收到响应的时间)
优化:优化应用程序代码,实施缓存机制,微调Web服务器配置或升级服务器硬件。
5.DOM交互时间点(DOM interactive time)(不重要)
说明:与下面的DOM内容加载时间点非常接近,没有标记
说明:如果没有阻止JS执行样式并且没有解析器阻止JS,它将于上面的DOM interactive time 相同
许多JavaScript框架使用这个时间点作为开始执行他们的代码的起点。
优化:由于这个时间经常被js用作起点,并且这个时间的延迟代表着延迟渲染,故确保样式、js的加载顺序和js延迟是非常重要的
推荐: style and script order is optimizedand thatparsing of JavaScript is deferred.
7.第一次渲染时间点(First paint time)
说明:在这一时间点前,浏览器将只显示一个空白页面
8.第一个内容被渲染完时间点(First contentful paint time)
说明:当任何内容被渲染时,可以是文本,图像或画布渲染。目的是为了更好的体现用户的体验,因为它会在实际的内容被加载到页面上时进行标记,而不仅仅是任何改变 - 但是通常可能与First Paint相同。所以这个指标是让你了解你的用户什么时候收到消费信息(文本,视觉等) - 对于性能评估来说,比背景改变或者应用风格更有用。如果浏览器没有执行渲染(即HTML结果为空白页),则渲染时间可能会丢失。
9.加载完成时间点(Onload time)
说明:当页面处理完成并且页面上的所有资源(图像,CSS等)已经完成加载时。此时,JavaScript window.onload事件触发,括号中的时间是执行由Onload事件触发的JavaScript的时间
- 优化网站加载时间(GTmetrix)
- 用GTmetrix来优化你的网页(集成了YSlow、FireBug的功能)
- 用GTmetrix来优化你的网页(集成了YSlow、FireBug的功能)
- 用GTmetrix来优化你的网页(集成了YSlow、FireBug的功能)
- 网站加载优化
- 优化页面加载时间(转贴)
- 优化shader加载时间
- 优化网站响应时间
- gtmetrix.com网站页面载入速度因素免费在线分析
- 网站优化(改变图片加载)
- 网站加载优化方法之一
- 如何优化网站加载速度
- 优化 DLL 加载时间性能
- 如何优化网站响应时间
- 优化网站的响应时间
- 优化网站设计(十八):预加载内容
- 对html+css+js网站加载速度优化(虚拟主机)
- 网站优化--页面快速加载,显示
- pgsql 10.1 参数的初步了解 Preset Options
- 数十个行业经典视频教程分享--百度网盘资料
- spring mvc 5.0 REST详解 05 未完待续
- Git常用命令总结
- java 用webScoket扫描登录
- 优化网站加载时间(GTmetrix)
- OpenCV函数记录(一)
- 大话设计模式------开放-封闭模式
- linux-目录含义
- 写一个宏可以将一个数字的奇数位和偶数位交换
- http上传
- “放”而后能得
- http协议的分析
- 行政区域边界提取