谷歌核心算法更新PageSpeed Insights

cesc

大部分SEOer可能认为我们在国内优化中文网站,主要针对百度、360、搜狗和神马等中文搜索引擎就够了,按照他们的要求来做事,这样其实是错的。今天,错误博客( cuowu.com )分享的内容为《谷歌核心算法更新Google PageSpeed Insights》。希望对大家有所帮助。

一、为什么要学谷歌算法

错误博客认为SEOer必须了解各个搜索引擎官方给出的算法,这样才能更全面地优化我们的网站。

1、Google也是中文搜索引擎

Google不单单是英文搜索引擎,也是中文搜索引擎,并且占据的份额也不低,我们的网站很多时候也会获得来自Google搜索的流量。遵循Google算法可以获得更多来自谷歌搜索的流量。

2、SEO应符合所有搜索引擎

我们作为SEOer就应该更好地优化网站,就应该找到并解决网站现有的问题。那么既然谷歌更新了核心算法,我们就应该调整网站尽可能在核心算法中胜出,这样不仅可以让我们获得更多来自Google的流量,同时也可以对其他搜索引擎或用户更加友好。

二、Google SearchConsole

在Google SearchConsole中,我们可以看到“体验”选项中有三个指标:页面体检、核心页面指标和移动设备易用性。这就是Google核心算法更新的内容。

谷歌核心算法更新
谷歌核心算法更新

1、页面体验

页面体验,主要是指核心网页指标必须达到一定分数、移动设备易用性必须完全达标、安全性问题、必须为HTTPS和广告体验。这个也就算给网站PC和移动端页面的一个分数吧。

2、核心网页指标

核心网页指标,是指页面在用户阅读过程中,要注重网站性能,不仅仅是页面加载速度,也提出了更高的要求。下面详细说明。

3、移动设备易用性

移动端友好自然是包括字与字之间不能太小,要适合移动端,这个跟百度落地页检测差不多,一般都能满足。

三、核心网页指标

用来检测网站的核心网页指标的Google在线工具叫作“Google PageSpeed Insights”,类似页面加载速度优化的在线工具,与百度蜘蛛抓取诊断是不同的标准。在站长导航中可以直接进入。

站长导航

Google PageSpeed Insights
Google PageSpeed Insights

1、First Contentful Paint (FCP) 

第一次内容绘制,大概是页面第一次获取html代码的时间。

First Contentful Paint
First Contentful Paint

2、Time to Interactive

互动时间,这个应该是页面加载的时间。从图中可以看出是0.6秒,这个数字与百度蜘蛛抓取时长差不多。

3、Speed Index

速度指数,这个涉及的就比较广了,比如包括图片加载时间,哪怕你图片是延迟加载,也得算上时间,比如css与js的加载时间都得算上。

4、Total Blocking Time

总阻塞时间,这个应该是访问不进入时,才有这个时间。

5、Largest Contentful Paint

最大内容绘制,这个应该是最长的一次把页面html代码获取的时间。

6、Cumulative Layout Shift

累计布局偏移,这个应该就是CSS布局的一些事情,刚好错误博客有这方面的一个问题,下面直接改了。

四、遵循Google核心算法

错误博客根据“Google PageSpeed Insights”给出的建议进行一些调整。

1、页面加载速度

错误博客因为刚优化过速度,所以页面加载速度基本还是控制在1秒以下的,因为0.6是绿色,所以这个基本不用怎么修改。如果不是绿色的话,那么就应该考虑网站加速的问题了。这个是重中之重,不懂的找下错误博客的tag标签网站加速》里面很多文章。

2、图片压缩

图片在质量能保证的前提下,体积尽可能小一些。然后控制每张图片不要超过200K,大部分控制在100K以下是最好的。目前控制图片体积的方法有一种是webp格式,更适合网站,但需要一些技术支持。

通过对这些图片体积的压缩,就可以从降低1.68秒,图片体积问题不容小觑。

图片压缩
图片压缩

3、阻塞渲染

这两个一个是css样式,一个是js代码,如果这个是关键css和js,又没办法推迟,又没办法内嵌,那么一般还是不管吧。如果耗时非常大就想办法搞定这个。

阻止渲染资源
阻止渲染资源

4、代码细节

这些诊断结果影响的不是性能得分,但是依然建议站长修改。

代码细节
代码细节

这里介绍“CLS”的概念,即“Cumulative Layout Shift”,这种对我们网站并不是很友好的动态效果,比如下拉菜单展示可能在某些情况就是这样的情况。如下图所示,错误博客菜单栏每一个栏目都有这个效果,实际上并不太友好,这里说的是速度上和用户体验度上均不太友好,Google说法是当用户去点击,却发现因为页面移动没点击上,那不就尴尬了。

Cumulative Layout Shift
Cumulative Layout Shift

错误博客的导航也是有多种样式的,另外一种更不好,就是下拉显示图片,而且这种效果是全站效果,这意味着,每个页面打开时都需要加载这5张图片。也就是即便为了好看,记得把这几张图片弄成几十KB,错误博客这里的图片确实也大,400-500KB的都有,这个是建站之处搞的。

图片加载影响网站速度
图片加载影响网站速度

复杂好看的样式可能很耗时。sytle & Layout就耗时1017ms。

样式很耗时
样式很耗时

菜单的效果虽然看起来舒服,但实际好像并没有什么用,因为首页底部的标签已经很好了,但这个标签效果实际上很拉低分数。

菜单整改。
菜单整改。

未合成动画元素。这个主要是首页的标签框运用太多,这种一般不会卡顿,但如果卡顿的话,就不要效果了,直接选择合并。或者说,我把这些都做成tab样式可能会好一些。

未合成动画元素
未合成动画元素

整体过了一遍,发现大部分问题都是可以通过简单整改就能好的,但是有一些问题,可能并不是特别影响分数,还是坚持下来,也就是说,尽可能遵守Google核心算法,但如果影响不大,甚至可能没影响的,虽然它列出来的,但还是不整改也是没有关系的,不过有能力还是都照改了吧。

以上就是错误博客( cuowu.com )分享的内容为《谷歌核心算法更新Google PageSpeed Insights》。感谢您的阅读。

随机文章

下拉框李守洪排名大师(阿迪达斯对锐步高收低抛)
又名三明站长网戴珂(SaaS可能是半成品)
沪江小d(玩第一人称的《血源:诅咒》)
小小课堂:【威海seo】百度公告:2018俄罗斯世界杯临近,网站防范被黑
小小课堂:银川seo【被黑问题】搜狗SEO官方指南八
四、CSS盒模型
社群持久的生命力
豆果美食社群圈子

百度搜索“错误博客”即可找到本站,微信搜索“cuowucom”关注错误博客公众号。错误博客( cuowu.com )欢迎用户投稿,发布者:中二少年,文章版权归作者所有,投稿文章不代表错误博客立场,中二少年发布为错误博客原创文章,转载请注明出处:https://cuowu.com/3348.html

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注