久了,博客主题就会一直做减法
·No AI「完全由人类大脑和双手完成,没有任何AI参与」
昨天晚上登录了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值太高的图片也会影响的。
可能每个博主都折腾过博客的主题,但是大多数最终都会走向一个极简畅快的主题风格,对博客主题做减法就像人生一样,抛去包袱轻装上阵或许只有经历过的人才会懂。
相关链接
相关文章
- 博客的断、舍、离
- 为博客添加了一个小功能「片语」
- 博客程序重构回忆录
- 写在岁末:别了2024混混沌沌的一年
- 把博客从GitHub迁移到到了vercel
- 虽然只有我自己在用,但还是更新了碎言博客的源代码,
- 仅用了几个小时就使用next.js重构博客的所有功能
- 关于使用Next.js重构博客构思的记录
- 速度与优雅:博客性能优化之旅
- 从一次浏览器兼容问题到何不放过自己做个快乐的博主
- 基于daisyUI Tailwind CSS做了一个博客主题
- 使用Python编写并部署个人静态博客:(五)Python异步输出博文页面
- 使用Python编写并部署个人静态博客:(四)逐步输出静态页面
- 使用Python编写并部署个人静态博客:(三)搜集博客数据
- coding_blog 碎言静态博客主题
- simple_blog 碎言静态博客主题
- 使用Python编写并部署个人静态博客:(二)实现静态页面的输出
- 使用Python编写并部署个人静态博客:(一)分析与设计
- free_blog 碎言静态博客主题
- 使用碎言静态博客依托码云Pages搭建自己的免费博客
- 今天是个好日子发行了碎言静态博客的功能完整版