久了,博客主题就会一直做减法

作者:J.sky · 发表于:
2023-07-17T10:38:01.000000Z
· 更新于:
2023-08-13T22:54:57.640619Z
· Tag: 碎言博客

昨天晚上登录了google Search Console,就看到站内留言,内容大致是:展开合作 展开合作 我们正在验证您对核心网页指标问题。额?我犯了什么错误?

起因

google核心网页指标是什么?简单来说,你的网站被收录后,google会对你的核心页面进行一个评估,这个分数是100分,当你的页面分数不足90分的时候,就会提示你改进和欠佳。这次我的问题:需要改进LCP 问题:超过了 2.5 秒(桌面设备)。至于这个LCP:Largest Contentful Paint 最大内容绘制 (LCP),显然,我的页面绘制时间超过了google的要求。

这玩意有什么用?LCP时间过长就是打开页面加载的时间太长了!这会影响用户的首次打开体验,很有可能用户不厌其烦了,太慢了,然后就会直接关掉这个页面,google就会搜集这个信息,因为他不希望把这种页面展示给搜索结果,所以核心网页如果出现分数值偏低,google通知你修改或是欠佳,那么你的网页展现在搜索的次数会大大降低的。

那么这个数据的搜集是通过一个月的时间的平均值,这阵子我也发现了一些弊端,比如页面打开加载时间过长,跳出率太高等问题,自己对页面的打开速度都明显的不满意,这个加载打开页面慢的问题不能简简单单的怪罪于网络或是服务器,这里有很多细节需要修改,还好google提供了一些工具方便站长查找并修改问题。

解决

其实对现在的主题也不是很满意,主要是觉得不流畅,我一直是以为把静态页面托管于Github pages造成的,直到这次我大刀阔斧的删减很多以来之后,这页面的打开速度终于可以接受了。首先精简JavaScript的相关库类,把jQuery和其相关的库类都删除了,jq的功能实在换不掉的就用JavaScript重构了,反正必须删掉jQuery。删掉了一些效果库,删掉了图标字体库,精简了HTML、JavaScript、css的一些代码,然后发布页面,拿工具进行测试,请看结果:

测试结果

再这之前,我的博客页面测试分数可是很低的,感兴趣的可以拿自己的页面去测试一下,我随机挑选了友情链接里的博客,基本上都是不合格的。当然这个大家也不要看的太重,随意就好。

总结

对于LCP的分值如果讨论起立会有很多内容,影响分值的因素也很多,当然流畅的网络和高水平的库和框架都是非常重要的,还有就是K值太高的图片也会影响的。

可能每个博主都折腾过博客的主题,但是大多数最终都会走向一个极简畅快的主题风格,对博客主题做减法就像人生一样,抛去包袱轻装上阵或许只有经历过的人才会懂。

相关链接

移动设备适合性测试

PageSpeed Insights