百度上线“闪电算法”上线,移动搜索页面首屏加载时间将影响搜索排名。
1、闪电算法的意义
百度用户体验部研究表明,用户期望且能够接受的页面加载时间在3秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开,这对用户和站长来说都是一大损失。“闪电算法”不仅体现了百度移动搜索对于页面加载速度更加重视的决心,也体现了百度移动搜索希望站长能够站在和用户共赢的角度对网站进行优化的期待。
2、2秒之内完成打开
闪电算法首次明确,移动网页首屏在2秒之内完成打开的,在移动搜索下将获得提升页面评价优待,得到更多展现机会;同时,在移动搜索页面首屏加载非常慢(3秒及以上)的网页将会被打压。首屏加载完毕在2~3秒之内的页面,页面评价不升不降。
如何降低网站首页的打开时间,优化的加载时间的技术分享。
资源加载:
1、将同类型资源在服务器端压缩合并,减少网络请求次数和资源体积。
2、引用通用资源,充分利用浏览器缓存。
3、使用CDN加速,将用户的请求定向到最合适的缓存服务器上。
4、非首屏懒加载,将网络带宽留给首屏请求。
5、使用通用加速方案(如MIP、AMP)对网页进行综合加速。
页面渲染:
1、将CSS样式写在头部样式表中,减少由CSS文件网络请求造成的渲染阻塞。
2、将JavaScript放到文档末尾,或使用async方式加载,避免JS执行阻塞渲染。
3、对非文字元素(如,视频)指定宽高,避免浏览器重排重绘。
百度MIP (Baidu Mobile Instant Pages - 百度移动网页加速), 是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。要想提升网页加载速度,提高打开速度,个人建议做好这些方面:1、页面尽量少放、视频等占空间的东西,如果是在药房,那就对页面、视频进行压缩,尽可能保证清晰度的同时,减少、视频的内存大小;
2、网站页面代码精简,保持整洁。去除冗余,压缩css样式和javascript文件能够有效的减小页面大小,删除不必要的空格等字符可以提高加载速度;
3、也可以通过减少>百度MIP技术为移动端网页加速的原理:
通过对html代码的规范、js运行环境的限制还有对页面的缓存。使得用户在访问MIP页面时,页面能够被快速的渲染,呈献给用户。具体的原理我参考MIP官网介绍的原理拿过来与大家分享,对部分做了一些调整,便于大家理解。另涉及但不限于以下几点:
1、精心设计的java:MIP不允许自定义js,需要通过mip组建的形式引入进来,像一些广告、统计代码还有交互。这样在性能上不进得到了提升,在安全性上也得到了一些保障。
2、静态资源需要标明尺寸:页面的任何资源本身都是需要限制宽和高,但在页面的日常开发中,往往不是如此,正是由于资源的大小不能够确认,页面经常需要进行反复的重新绘制才得以呈现,请注意,反复的绘制和声明了宽高而一步绘制到位的速度是有一定区别的。
3、任何机制都不能够阻止页面的渲染:开发者的任何自定义脚本,都需要用MIP的tag反馈给MIP,例如mip-ad、mip-iframe等,这些方式不会阻塞页面的layout和渲染。
4、对外部资源加载的控制:MIP runtime本身已经提供了很多被封装好的java,我们其实也没有必要再去自己实现一些复杂的交互功能。可以这么说,别人做好的东西,在速度和安全性上都是经过一系列的调整后的东西,为什么我们不能拿过来直接用呢?用自己的,那么对速度和安全性考虑的一定比百度的技术人员周全吗?
5、只允许内联式的css:先介绍下css样式的几种加载方式,如下三种:
<div style="width:100px;height:100px;background:red;"></div> / CSS 内联式 /
<style>div{width:100px;height:100px;background:red;}</style> / CSS 嵌入式 /
<link rel="stylesheet" href="stylecss" type="text/css" /> / CSS 外联式 /
通过对上面的示例,很清楚的可以知道,内联式css就是写在每个html标签里的样式,那么这种对比其他两种的好处在于哪里呢?
CSS嵌入式,需要对html页面读取之后,然后再行布局CSS样式,CSS外联式需要单独的再加载另外一个css文件,然后再进行对页面的渲染。而CSS内联式是在直接读取html代码的同时,就能够针对对应的标签进行渲染,这样减少了客户端的开销,从而提升了速度。
6、只允许GPU加载的动画:MIP只允许用transforms和opacity来完成动画效果,当动画能在GPU上执行时,仅触发渲染层合并。
7、MIP缓存:MIP另一个重要的意义在于能够帮站长加速网页,百度将会把MIP网页缓存到百度CDN中。只要符合MIP标准,都可以使用MIP缓存。
另外,MIP是一个开源的项目,所有的标准并非一成不变。百度也会持续不断进行优化,如果你做了MIP或者即将要做,那么后续应该不断的关注它的变化。有兴趣的朋友,可以访问MIP官网,并进行更深入的了解。
其实,这个提升不是直接的提升。影响SEO的因素有很多很多,我们也知道这个MIP所提升的是移动端网页的速度,而在之前,百度也曾对外宣称过,一个移动端网页的加载速度达到3秒+,就会被认为是一个垃圾页面,那么通过配置MIP,使得网页秒开,对流量的提升又从何说起呢?
这里我们要知道,在搜索引擎爬虫抓取网页的时候,也是要打开每一个网页的,网页打开速度慢,抓取的量级自然就会小,抓取少了,那么被收录的页面自然也不会有太多。收录的页面没有多少,参加排名并获得流量的那就更少之又少了。所以提升网页的加载速度,等同于提升网页的抓取量,抓取量增多收录的数量、参与排名并获得流量的网页自然就会增多。
所以,如果你现在的移动端网页打开速度是令你头疼的、不满的,或者你觉得还是有很多的可提升空间的来创造更大的价值,那么使用百度的MIP技术来提升网页速度,绝对是一个很好的选择。MIP的是百度模仿谷歌AMP所衍生的一项提高移动端打开速度的技术,百度工程师在杭州的沙龙上明确表示MIP会对排名有积极作用,但这个具体会有多大提升并没有多少参考资料。具我所知百度曾在7月份就开始要求各个行业的领头网站进行MIP改造内侧,数据显示网站打开速度确实快了,但排名提升不是很明显。
另外要做MIP,需要注意以下两点:
1、MIP是百度推出的前端技术,其它搜索引擎是否支持是个未知数,所以建议在移动端重新生成与目前页面一模一样的用MIP改造过的页面,并做好相关映射,robotstxt对MIP页面进行严格限制,只允许百度收录不允许其他搜索引擎收录。
2、MIP要求很高前端技术,比较适合有开发实力的大站,要是企业站或者没有独立开发实力的站点,建议暂时不做MIP,等技术成熟后,可以采用外包形式完成。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)