惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Hugging Face - Blog
Hugging Face - Blog
Google DeepMind News
Google DeepMind News
云风的 BLOG
云风的 BLOG
WordPress大学
WordPress大学
Vercel News
Vercel News
Apple Machine Learning Research
Apple Machine Learning Research
T
Tailwind CSS Blog
I
InfoQ
小众软件
小众软件
Recent Announcements
Recent Announcements
博客园 - 【当耐特】
The GitHub Blog
The GitHub Blog
大猫的无限游戏
大猫的无限游戏
美团技术团队
T
The Blog of Author Tim Ferriss
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
酷 壳 – CoolShell
酷 壳 – CoolShell
MongoDB | Blog
MongoDB | Blog
V
V2EX
J
Java Code Geeks
有赞技术团队
有赞技术团队
博客园 - 聂微东
B
Blog RSS Feed
博客园 - 司徒正美

碎言

不懂就别瞎掰掰:【程序员的常识】写的什么玩意? PrimaryOralMathPack 小学生口算题生成器 AI 辅助编程下的程序设计与代码编写 使用 Next.js 和 Tailwind CSS 构建可编辑和删除的 ToDo 待办事项应用 探索编程新境界:MarsCode 助你一臂之力 使用 Next.js 和 Tailwind CSS 搭建静态图片展示站点并部署到 Vercel AI 辅助编程:免费工具的优缺点及官网一览 GitHub push更新总是失败,写个python脚本解决 把博客从GitHub迁移到到了vercel ComfyUI 和 Flux.1 安装与使用教程 Flux.1 入门必知:硬件、环境、模型 Git项目的子文件夹中的内容无法同步到远程仓库的解决方法 blender流体Fluid使用中没有流体、流体穿模等一些问题的解决方法 博客聚合网站:积薪,竟然关闭了! blender日常使用中的一些技巧 虽然只有我自己在用,但还是更新了碎言博客的源代码, 与其在迷茫中困惑,不如在努力中前进 差点忘了我还有一个博客... 秧歌、博客和AI 终于熬到了新手上路 好久没有更新博客了。。。 老妈大腿骨骨折,最近一直在医院护理 Hello, September! Ubuntu开机自动启动Docker容器运行WordPress Docker 简单快速安装部署WordPress Docker下安装MySQL 加碘盐能防核辐射的话,还怕什么核战争? shields.io 一个简洁、一致、清晰的徽章 Ubuntu下使用root登录ssh的设置 GitHub Actions 构建、部署 Next.js项目
久了,博客主题就会一直做减法
J.sky · 2023-07-17 · via 碎言

昨天晚上登录了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