改造MIP获得搜索青睐，轻松完成SEO

搜索引擎目标及页面排序方法

搜索引擎作为互联网流量的入口，承担着流量分发的职责。但排序成千上万的网页，决定哪些网页在第一页，是由网页本身的用户体验决定的。权重算法会从内容优质性，广告多少，加载速度等多个角度评估网页的用户体验，让更优质的结果被用户看到，满足用户搜索需求。

比如百度先后推出了冰桶算法（打击广告过多影响阅读的网页），蓝天算法(打击新闻源作弊，展现低质量内容现象)，清风算法(减少标题作弊骗取点击情况)，飓风算法(惩罚恶意采集，减少内容重复)，从各个角度保证流量分发到更优质内容。

在 2017 年 10 月，百度新发布了闪电算法，意在提升速度的重要性，为搜索用户提供更流畅的浏览体验。试想，内容完全相同的两个网页，一个需要加载 10 秒，另一个在眨眼间完成了内容展现，用户一定更希望看到后者。闪电算法的规则也与此类似：

移动网页首屏在 2 秒之内完成打开的，在移动搜索下将获得提升页面评价优待，得到更多展现机会；同时，在移动搜索页面首屏加载非常慢（3 秒及以上）的网页将会被打压。

闪电算法

闪电算法发布的同时，百度还提出了几条通用的页面优化建议。MIP 作为通用 Web 页面加速方案，也从以下方面更做了优化。

资源加载：
1. * 将同类型资源在服务器端压缩合并，减少网络请求次数和资源体积。*
MIP 将图片，视频，PV 统计等常用的组件脚本合并入 mip.js，加快资源加载速度。
2. * 引用通用资源，充分利用浏览器缓存。*
不同网站的 MIP 页面使用通用 JS。比如分享功能都引用的是 mip-share.js，充分利用浏览器缓存，避免重复收发网络请求。
3. * 使用 CDN 加速，将用户的请求定向到最合适的缓存服务器上。*
MIP 的所有脚本都默认使用了 MIP-Cache 进行 CDN 加速，从搜索打开的 MIP 页面请求也由 MIP-Cache 返回，利用 CDN 的优势缓存页面和静态文件。
4. * 非首屏图片懒加载，将网络带宽留给首屏请求。*
MIP 页面所有图片都采用 mip-img 标签，使用懒加载 (Lazy Load)。只有当图片在可视区域时才会加载，避免位于文章后部的图片占用网络带宽。

页面渲染：
1. * 将 CSS 样式写在头部样式表中，减少由 CSS 文件网络请求造成的渲染阻塞。*
MIP 建议将 CSS 样式写在头部样式表中，使用 mip-custom 标记。减少由 CSS 文件网络请求造成的渲染阻塞。
2. * 将 JavaScript 放到文档末尾，或使用 async 方式加载，避免 JS 执行阻塞渲染。*
目前 MIP 建议将 JavaScript 放到文档末尾，避免 JS 阻塞后续 DOM 渲染。采用 async 方式加载 MIP 脚本的方案也在内测阶段。
3. * 对非文字元素（如图片，视频）指定宽高，避免浏览器重排重绘。*
MIP 提供了组件布局，为图片、视频等宽高未知的元素指定占位空间，避免图片加载后插入页面造成浏览器重排重绘。

以上加速建议从多个角度节省网络和渲染时间，而符合 MIP 规范的网页天生具有以上加速效果。

MIP 与 SEO

MIP 旨在帮助开发者建立打开迅速，交互流畅，体验良好的优质页面。这类页面能帮助用户最快获取信息，也自然会被搜索引擎青睐。

闪电算法提到，首屏在 2000ms 内可以得到流量优待，而 MIP 页面在 2017 年 10 月的首屏时间为 1640ms，远快于闪电算法的规定值。

截至 2017 年 10 月，已经有 5000 家站点修改提交了 MIP，他们将成为闪电算法的首批受益者。MIP 官网收集了一些优质效果，欢迎点击体验。还有更多的站点正在改造的过程中，阅读 MIP 开发入门来学习这项加速技术吧。