在做网站的SEO优化过程中,前端性能优化是必要的

保时捷娱乐城信誉 www.4jqc5.com.cn 1、开始渲染时间

该时间点表示浏览器开始绘制页面,在此之前页面都是白屏,所以也称为白屏时间。

该时间点可用公式Time To Start Render = TTFB(Time To First Byte) + TTDD(Time To Document Download) + TTHE(Time To Head End)表示。其中TTFB表示浏览器发起请求到服务器返回第一个字节的时间,TTDD表示从服务器加载HTML文档的时间,TTHE表示文档头部解析完成所需要的时间。在高级浏览器中有对应的属性可以获取该时间点。Chrome可通过chrome.loadTimes().firstPaintTime获取,IE9+可以通过performance.timing.msFirstPaint获取,在不支持的浏览器中可以根据上面公式通过获取头部资源加载完的时刻模拟获取近似值??间秩臼奔湓娇?,用户就能更快的看见页面。
SEO141.jpg

对于该时间点的优化有:

优化服务器响应时间,服务器端尽早输出

减少html文件大小

减少头部资源,脚本尽量放在body 中

2、DOM Ready

该时间点表示dom解析已经完成,资源还没有加载完成, 这个时候用户与页面的交互已经可用了。用公式TimeTo Dom Ready = TTSR(Time To Start Render) + TTDC(Time To Dom Created) + TTST(Time To Script)可以表示。TTSR上面已经介绍过了,TTDC表示DOM树创建所耗时间。TTST表示BODY中所有静态脚本加载和执行的时间。在高级浏览器中有DOMContentLoaded事件对应。

详细规范可以查看W3C的HTML5规范。从MDN文档上可以看出该事件主要是指dom文档加载解析完成,看上去很简单,但是DOMContentLoaded事件的触发与css,js息息相关,现在有专门的名词Critical Rendering Path(关键呈现路径)来描述。

在不支持DOMContentLoaded事件的浏览器中可以通过模拟获取近似值,主要的模拟方法有:

低版本webkit内核浏览器可以通过轮询document.readyState来实现

ie中可通过setTimeout不断调用documentElement的doScroll方法,直到其可用来实现

具体实现方法可以参考主流框架(jquery等)的实现。 DOM Ready时间点意味着用户与页面可以进行交互了,因此越早越好,对于该时间点的优化有:

减少dom结构的复杂度,节点尽可能少,嵌套不要太深

优化关键呈现路径

3、首屏时间

该时间点表示用户看到第一屏页面的时间,这个时间点很重要但是很难获取,一般都只能通过模拟获取一个近似时间。一般模拟方法有:

不断获取屏幕截图,当截图不再变化时,可以视为首屏时间??刹慰紈ebPagetest的Speed Index算法;

一般影响首屏的主要因素是图片的加载,通过页面加载完后判断图片是否在首屏内,找出加载最慢的一张即可视为首屏时间。

针对该时间点的优化有:

页面首屏的显示尽量不要依赖于js代码,js尽量放到domReady后执行或加载

首屏外的图片延迟加载

首屏结构尽量简单,首屏外的css可延迟加载

4、onload

该时间点是window.onload事件触发的时间,表示原始文档和所有引用的内容已经加载完成,用户最明显的感觉就是浏览器tab上loading状态结束。

该时间点的优化方式有:

减少资源的请求数和文件大小

将非初始化脚本放到onLoad之后执行

无需同步的脚本异步加载

为了优化整站性能,页面onload的时候可以考虑做一些预加载,把其它页面需要用到的资源预先加载进来。

标签:seo优化, 网站seo, 网站seo优化公司, 百度seo优化公司, 百度seo公司, 企业网站seo方案, 百度优化公司

添加新评论

  • 中国女排不能有多余想法 摆正位置冲击奥运佳绩 2019-02-19
  • 华媒:智利政府公布公交逃票惩罚机制 2019-02-18
  • 女子被邻居家金毛扑倒咬伤 狗主人:你跟狗道个歉 2019-02-17
  • 河北鸡泽:手工挂面促农增收 2019-02-16
  • 【十九大·理论新视野】为什么必须夺取“反腐斗争压倒性胜利”? 2019-02-15
  • 用个例来抹黑个国家,有你这么无耻的吗?西方银行倒闭案少了吗? 2019-02-15
  • 太原网友 :太原千峰南路应该拓宽改造 2019-02-14
  • 端午假期来了!收藏这份指南,避开人山人海 2019-02-13
  • 昆明警方破获特大跨境拐卖妇女案 解救33名越南妇女 2019-02-12
  • 增强“四个意识”,争做合格党员 2019-02-12
  • 万盛经开区石林镇:做好迎客准备 进入旅游旺季模式 2019-02-11
  • 2017年我国居民人均预期寿命达76.7岁 2019-02-11
  • 【高清组图】新疆福海县50多万头(只)牲畜浩浩荡荡转向夏牧场 2019-02-10
  • “相信中华民族伟大复兴的中国梦一定会实现” 2019-02-09
  • 湖南举办“公益体彩 走进社区”活动 2019-02-08
  • 651| 563| 323| 529| 553| 962| 930| 906| 481| 935|