碎言博客
·
速度与优雅：博客性能优化之旅
内容提要
博主对博客进行了性能优化，解决了页面加载速度慢的问题，主要措施包括移除jQuery，重写为原生JavaScript，优化评论插件和HTML结构。经过测试，页面LCP得分超过95分，加载速度显著提升。尽管考虑去掉搜索和评论功能，最终决定保留以促进用户互动。
关键要点
-
博主对博客进行了性能优化，解决了页面加载速度慢的问题。
-
移除了jQuery，使用原生JavaScript重写相关功能代码。
-
优化了giscus评论插件的加载，评论不再自动加载，点击后再加载。
-
优化了HTML的DOM结构，精简无用代码，修复错误，删除重复功能代码。
-
重新使用工具进行LCP测试，页面得分超过95分，加载速度显著提升。
-
最终决定保留搜索和评论功能，以促进用户互动。
延伸解读
性能优化的重要性
博客的性能优化不仅影响用户体验，还可能影响搜索引擎排名。页面加载速度慢会导致用户流失，因此博主通过移除jQuery和优化代码来提升速度，显示了优化的重要性。
用户互动与功能取舍
博主在优化过程中考虑到用户互动，最终决定保留搜索和评论功能。虽然这些功能可能影响加载速度，但它们对用户体验和互动性至关重要，反映了功能与性能之间的平衡。
技术选择的影响
使用原生JavaScript替代jQuery是博主优化的关键一步。虽然jQuery简化了开发，但原生JavaScript在性能上更具优势，尤其是在加载速度方面，这一选择值得其他开发者借鉴。
延伸问答
博主是如何解决博客加载速度慢的问题的？
博主通过移除jQuery，重写为原生JavaScript，优化评论插件和HTML结构来解决加载速度慢的问题。
优化后的博客页面LCP得分是多少？
优化后的博客页面LCP得分超过95分。
博主在优化过程中是否考虑去掉搜索和评论功能？
博主考虑过去掉搜索和评论功能，但最终决定保留以促进用户互动。
博主对评论插件做了哪些优化？
博主优化了giscus评论插件的加载，使评论不再自动加载，而是点击后再加载。
博主在优化HTML结构时做了哪些改动？
博主精简了无用代码，修复了错误，并删除了重复功能代码，优化了站点导航。
博主对首屏大图的看法是什么？
博主认为首屏大图暂时没有必要，因为它会影响阅读体验。
