SEO优化教程：快速加载网页，抢先留住用户——移动白皮书4.0详解

SEO优化教程：快速加载网页，抢先留住用户——移动白皮书4.0详解
根据百度搜索用户大数据显示，用户对于网页打开速度的要求越来越高，希望网页首屏加载时间最好能在1.5秒内完成，如果加载时间过长，就会导致用户流失。经过研究发现，大部分网页加载缓慢是由于其他资源消耗时间过长和图片大小超过限制所导致。以下是一些网页速度优化方法的总结，供大家参考。
目前许多网页含有很多无用文件资源，这不仅会拖慢网页加载速度，也无法为用户提供有价值的服务。因此，我们建议定期清理无用的文件资源，以免影响网页的加载速度。
为了减少首屏加载时间，建议将必要的JS代码从首屏中分离出来，提前加载。而其他的JS代码可以按需加载或延后加载。建议将首屏JS代码放在首屏渲染后，但在body标签关闭前加载。
JS文件可以在允许修改的同时阻止DOM构建，并且会阻塞页面的渲染。为了解决这个问题，可以考虑使用defer或async方式来异步加载JS文件，并且删除一些在关键渲染路径中不必要的JS文件。默认情况下，JS文件会阻塞网页的解析时间，从而延长网页的首屏加载时间。而采用异步加载JS资源的方式可以避免阻塞网页的解析时间，因此可以选择在首屏渲染后异步加载脚本。
为了加速网页的加载速度，我们建议对网页的CSS资源进行精简。这样可以使得网页在最短的时间内加载完成CSS，从而加快首屏的渲染速度。为了达到这个目的，我们可以将重要的CSS资源放在网页的head标签内。CSS资源对于网页的渲染来说是必不可少的文件，我们需要确保将非必要的CSS资源标记为非关键资源，并尽可能减少网页的CSS资源的数量。
为了减少小程序包体积和首屏加载时间，建议对本地图片进行优化：（1）对于不需要透明背景的图片，建议使用JPEG格式替代PNG格式；（2）在安卓移动端，建议使用WebP格式，它可以在有损压缩的情况下几乎不损失图片质量，但可以显著减小图片体积；（3）确保小程序包中没有无用的图片资源；（4）对于不重要的图片文件，可以设置延迟加载，在小程序必要图片加载完成后再加载不重要的图片；（5）可以使用第三方工具对图片进行有损压缩。
建议在部署CDN加速服务器上的图片时进行压缩处理。同时，建议在通过CDN服务器获取图片资源时，添加图片压缩规则。可以使用第三方压缩工具进行压缩，然后再将图片上传至CDN服务器。
图片组件的mode属性提供了13种不同的模式，其中之一是widthFix模式。由于widthFix模式需要动态计算图片的宽度，这可能导致网页尺寸的重新绘制，所以建议开发者在使用mode属性时要谨慎选择widthFix模式。
在JPEG图片格式中，首先展示的是图片的模糊轮廓，在加载扫描次数增加的过程中，图片会逐渐变得更加清晰。这种特性在网络拥堵的环境下起到了重要作用，同时也在一定程度上提高了用户的体验感。
为了保证用户的良好体验，百度搜索在2017年推出了“闪电算法”，该算法给予优质网站更多的展示机会。
要求移动设备上的网页能够在2秒内完全加载完成。如果在这个时间内能够完成加载，该网站将会得到更多的流量。而如果网页的首屏加载时间超过3秒钟，将会受到惩罚。首屏是指用户打开网页时所看到的第一屏内容，其重要性不言而喻。根据《百度移动搜索白皮书4.0》的提议，要求首屏内容在1.5秒内完成加载。关于百度的“闪电算法”，可以参考扩展阅读中的第2条。在移动互联网时代，用户越来越缺乏耐心，对于网页加载速度的要求也越来越高。根据相关数据显示，网页的放弃率与加载时间之间存在关联，具体请参考下图。
总的来说，网页的加载速度对用户体验有很大的影响，因此提高网页加载速度是开发者应该追求的目标。为了达到这个目标，开发者可以采用加速方案，比如MIP和AMP，来对整个网页进行加速处理。