百度的“闪电算法”,是对移动网站加载速度的考量标准。许多站因为这个算法的上线而受到打击,那么应该如何做,才能让网页首屏加载更快,在搜索排名中获得优待?被闪电算法打击损失流量的网站,又该如何改进才能让排名恢复?
闪电算法顾名思义,考量的就是网页加载速度是否快速,没有其他标准。百度表示移动页面首屏加载少于两秒会优待,大于3秒会惩罚,二到三秒为不惩罚也不优待。
早在百度上线闪电算法之前,谷歌在前几年就已经声称要实装移动优先排名,以移动用户的搜索体验为准。新锐作为网站建设服务提供商,一直在跟进谷歌的移动优先排名项目,并且也写过许多文章来归纳整理如何加速网页加载。鉴于闪电算法上线,新锐将以往发布的关于页面加载速度优化的文章整理归纳如下,帮助各位站长与读者更好的应对“闪电算法”
说到加载速度,第一个最重要的选择就是稳定快速的服务器。
我们都知道本地的服务器加载要远远高于海外服务器,就连网通电信的服务器在不同线路连接时,都会体现出巨大差异。因此,在建设网站时就应当选好服务器,并且瞄准目标用户。
从百度方面来讲,就百度统计内的速度诊断工具来看,百度有联通电信两个线路,因此在服务器的选择上,应当选择对这两个线路友好的服务器。下图为速度诊断工具的截图:
而海外的服务器通常连接加载会非常慢,极度不推荐选择,百度也早在站长平台发表声明称中文站点最好不要选择海外服务器;
那么,早就已经建设搭建完成并且上线一段时间的网站,换服务器明显不太可能,这些网站该怎样面对闪电算法呢?以下的内容是针对所有站点都可以进行的页面加速方式:
1.从图片上进行优化
图片作为网页大小中占比最大的一部分,在移动页的优化上更应该注意其大小。由于移动端的屏幕较小,因此移动页上的图片不需要pc端上那么大的分辨率,因此应当将移动端图片与pc端区分,单独做好移动页面要展示的图片。分辨率需求的降低意味着图片可以更小而不失美观,减少图片的大小就意味着加载速度的提升。
图片的压缩通常需要由图像设计或者压缩软件来进行,切不可在后台cms上调整大小草草了事,并且同时还需要注意压缩后保存的格式,jpg、png甚至svg等各有优劣,png通常在黑白以及少量单色的图片上压缩效果出众,jpg压缩效果出众但是有损压缩,svg就需要考虑浏览器是否支持等问题。
如果你需要知道更多图片优化相关,可查看以下文章:
细分图片格式(jpg,png等)的优劣:优化图片加速网站加载(1):先把图片格式选对
为何要在图片上传前自己压缩一遍:优化图片加速网站加载(2):不要在CMS上压缩图片
图片优化的最终目标与考量因素:网站图片优化:在用户体验与网站性能之间找到平衡
2.从代码上进行优化
除了图片,网页中另一大重要组成部分就是代码,包括CSS与JS等,这些如果直接写在源代码中,不光影响源代码的信噪比影响搜索引擎抓取,还会因为线性加载而卡住整个加载流程。
通常我们的做法是将这些代码,尤其是CSS写在文件中,进行统一的调用控制。然而这还远远不够,CSS与JS的加载方式会直接影响到网页的呈现与加载速度。阻塞型与写在源文件中的内联型JS与CSS都会让浏览器停止其他文件的读取,优先加载这些代码直到加载完毕。
因此在代码的加载方式的选择上,除非必要,我们通常选择延后型与异步型,让网页能顺利渲染出来。尤其对于搜索引擎和闪电算法而言,js是否加载完毕,闪电算法无从判断,因此,选择正确的JS与CSS加载方式,可以让移动站点不受闪电算法影响,还可能受到优待。
如果你需要知道更多代码优化相关,可查看以下文章:
JS的类型与选择:JavaScript如何影响网站加载速度
数据干货,比对揭晓JS优化的重要性:BBC的网站加载为何比ESPN慢?数据验证JS影响网站加载速度
一点题外话
做好上述几点,基本就可以让网站的加载速度起飞,让网站在“闪电算法”下不至于受影响甚至可能得到优待。但是我们建设网站为的是满足用户需求,而不仅仅是为了搜索引擎,而搜索引擎也是致力于更好的用户体验的。因此做好上述几点还不够,从用户体验角度上,还可以进一步缩短感知加载时间,进一步优化用户体验。
网站的感知加载时间是指,并非通过程序来检测的网页完全加载的时间,而是用户感觉到的页面加载完毕的时间。因为用户浏览网页需要的是获取信息,而这些信息一般无需通过文字以及压缩过的并非太清晰的图片就可获得,当用户想要的信息加载完毕,那么在用户的感觉上,该页面就已经加载完毕了。
出于这个思路,我们就可以采用缩略图,渐进式加载图像等等手段,来加强用户体验,具体的操作方式,请参照:如何减少网站加载的感知时间