https://liudon.com/tags/cls/ Recent content in CLS on 流动 Hugo zh-CN Wed, 09 Sep 2026 00:00:00 +0800 https://liudon.com/posts/hugo-auto-generate-image-width-and-height/ Wed, 24 Aug 2022 12:37:22 +0800 https://liudon.com/posts/hugo-auto-generate-image-width-and-height/ <blockquote> <p><strong>更新说明（2026-09）</strong>：本站已不再采用通过远程接口读取图片宽高的方案。当前图片处理已升级为本地 Page Bundle、Sharp 多尺寸 AVIF/WebP 预生成和构建缓存，详见<a href="https://liudon.com/posts/blog-performance-optimization/">博客加速实践</a>。2023 年的中间演进方案可参考<a href="../../posts/responsive-and-optimized-images-with-hugo/">使用 Hugo 实现响应式和优化的图片</a>。</p> https://liudon.com/posts/fix-blog-cls/ Sat, 20 Aug 2022 07:27:22 +0800 https://liudon.com/posts/fix-blog-cls/ <blockquote> <p><strong>更新说明（2026-09）</strong>：本文是早期 CLS 修复记录，当前站点已经改用本地 Page Bundle、响应式图片和预生成 AVIF/WebP，详见<a href="https://liudon.com/posts/blog-performance-optimization/">博客加速实践</a>。后续演进记录可参考<a href="https://liudon.com/posts/hugo-auto-generate-image-width-and-height/">自动生成图片宽高</a>。</p> </blockquote> <h4 id="问题表现">问题表现</h4> <p>7月份将博客部署由<code>Github</code>迁移到<code>Cloudflare</code>后，开始关注博客的性能问题。</p>