「Hugo」相关的文章 | 人言兑

Hugo 静态博客实现 Google AdSense 广告位懒加载：从原理到实践

2026-06-05 | 10 分钟 | 4803 字 | - 阅读 | - 评论

你的 Hugo 博客是否因为广告位过多导致页面加载缓慢？当 12 个 AdSense 广告位同时初始化，首屏加载时间飙升至 5 秒以上，广告拦截检测弹窗迟迟无法出现，访客在弹窗出来前就已经浏览完内容离开。

本文将分享一套零侵入原有广告模板的懒加载方案：利用 HTML5 <code><template></code> 标签冻结广告代码，通过 Intersection Observer API 检测可视区域，分批激活执行脚本。实测首屏请求减少 68%，广告收入基本不受影响。

2024-09-04 | 5 分钟 | 2195 字 | - 阅读 | - 评论

现在的 web 开发中，越来越多的网站选择基于 Jamstack 架构的静态站点生成器（SSG）来提升性能、安全性和扩展性。Jamstack 架构通过将请求处理和构建过程分开，让网站的构建和加载速度显著提升。然而，面对市场上众多的静态站点生成器，如何选择最适合的工具成为一个重要问题。