碎言博客
·
速度与优雅：博客性能优化之旅
💡
原文中文，约1300字，阅读约需4分钟。
📝
内容提要
博主对博客进行了性能优化，解决了页面加载速度慢的问题，主要措施包括移除jQuery，重写为原生JavaScript，优化评论插件和HTML结构。经过测试，页面LCP得分超过95分，加载速度显著提升。尽管考虑去掉搜索和评论功能，最终决定保留以促进用户互动。
🎯
关键要点
-
博主对博客进行了性能优化，解决了页面加载速度慢的问题。
-
移除了jQuery，使用原生JavaScript重写相关功能代码。
-
优化了giscus评论插件的加载，评论不再自动加载，点击后再加载。
-
优化了HTML的DOM结构，精简无用代码，修复错误，删除重复功能代码。
-
重新使用工具进行LCP测试，页面得分超过95分，加载速度显著提升。
-
最终决定保留搜索和评论功能，以促进用户互动。
❓
延伸问答
博主是如何解决博客加载速度慢的问题的？
博主通过移除jQuery，重写为原生JavaScript，优化评论插件和HTML结构来解决加载速度慢的问题。
优化后的博客页面LCP得分是多少？
优化后的博客页面LCP得分超过95分。
博主在优化过程中是否考虑去掉搜索和评论功能？
博主考虑过去掉搜索和评论功能，但最终决定保留以促进用户互动。
博主对评论插件做了哪些优化？
博主优化了giscus评论插件的加载，使评论不再自动加载，而是点击后再加载。
博主在优化HTML结构时做了哪些改动？
博主精简了无用代码，修复了错误，并删除了重复功能代码，优化了站点导航。
博主对首屏大图的看法是什么？
博主认为首屏大图暂时没有必要，因为它会影响阅读体验。
🏷️
标签
➡️
