搜索引擎目标及页面排序方法
搜索引擎作为互联网流量的入口,承担着流量分发的职责。但排序成千上万的网页,决定哪些网页在第一页,是由网页本身的用户体验决定的。权重算法会从内容优质性,广告多少,加载速度等多个角度评估网页的用户体验,让更优质的结果被用户看到,满足用户搜索需求。
比如百度先后推出了 (打击广告过多影响阅读的网页),(打击新闻源作弊,展现低质量内容现象),(减少标题作弊骗取点击情况),(惩罚恶意采集,减少内容重复),从各个角度保证流量分发到更优质内容。
在 2017 年 10 月,百度新发布了 ,意在提升速度的重要性,为搜索用户提供更流畅的浏览体验。试想,内容完全相同的两个网页,一个需要加载 10 秒,另一个在眨眼间完成了内容展现,用户一定更希望看到后者。闪电算法的规则也与此类似:
移动网页首屏在 2 秒之内完成打开的,在移动搜索下将获得提升页面评价优待,得到更多展现机会;同时,在移动搜索页面首屏加载非常慢(3 秒及以上)的网页将会被打压。
闪电算法
闪电算法发布的同时,百度还提出了几条通用的页面优化建议。MIP 作为通用 Web 页面加速方案,也从以下方面更做了优化。
资源加载:
- ** 将同类型资源在服务器端压缩合并,减少网络请求次数和资源体积。**MIP 将图片,视频,PV 统计等常用的组件脚本合并入 mip.js,加快资源加载速度。
- ** 引用通用资源,充分利用浏览器缓存。** 不同网站的 MIP 页面使用通用 JS。比如分享功能都引用的是 mip-share.js,充分利用浏览器缓存,避免重复收发网络请求。
- ** 使用 CDN 加速,将用户的请求定向到最合适的缓存服务器上。**MIP 的所有脚本都默认使用了 进行 CDN 加速,从搜索打开的 MIP 页面请求也由 MIP-Cache 返回,利用 CDN 的优势缓存页面和静态文件。
- ** 非首屏图片懒加载,将网络带宽留给首屏请求。**MIP 页面所有图片都采用 mip-img 标签,使用懒加载 (Lazy Load)。只有当图片在可视区域时才会加载,避免位于文章后部的图片占用网络带宽。
页面渲染:
- ** 将 CSS 样式写在头部样式表中,减少由 CSS 文件网络请求造成的渲染阻塞。**MIP 建议将 CSS 样式写在头部样式表中,使用 mip-custom 标记。减少由 CSS 文件网络请求造成的渲染阻塞。
- ** 将 JavaScript 放到文档末尾,或使用 async 方式加载,避免 JS 执行阻塞渲染。** 目前 MIP 建议将 JavaScript 放到文档末尾,避免 JS 阻塞后续 DOM 渲染。采用 async 方式加载 MIP 脚本的方案也在内测阶段。
- ** 对非文字元素(如图片,视频)指定宽高,避免浏览器重排重绘。**MIP 提供了 ,为图片、视频等宽高未知的元素指定占位空间,避免图片加载后插入页面造成浏览器重排重绘。
以上加速建议从多个角度节省网络和渲染时间,而符合 MIP 规范的网页天生具有以上加速效果。
MIP 与 SEO
MIP 旨在帮助开发者建立打开迅速,交互流畅,体验良好的优质页面。这类页面能帮助用户最快获取信息,也自然会被搜索引擎青睐。
闪电算法提到,首屏在 2000ms 内可以得到流量优待,而 MIP 页面在 2017 年 10 月的首屏时间为 1640ms,远快于闪电算法的规定值。
截至 2017 年 10 月,已经有 5000 家站点修改提交了 MIP,他们将成为闪电算法的首批受益者。 收集了一些优质效果,欢迎点击体验。还有更多的站点正在改造的过程中,阅读 来学习这项加速技术吧。