当Hugo遇上AVIF，优化图片加载
这篇文章会介绍基于Github Workflow使用ImageMagick生成AVIF图片，来优化Hugo站点的加载速度。 ...
博客优化
加速Cloudflare访问
背景 这是当前的博客架构，文件保存在Github仓库，通过Cloudflare Page提供访问。 众所周知，在国内，Cloudflare的CDN属于反向加速，平均耗时在1.5s左右。 ...
使用Hugo实现响应式和优化的图片
继续我们的博客优化之旅，本篇内容我们将介绍如何使用Hugo实现响应式和优化的图片。 问题 在之前文章里，通过腾讯云数据万象实现了图片优化能力，具体的可参考文章累计布局偏移修复方案改进 —— 自动生成图片宽高。 经过一段运行后，发现这里有一个弊端。 Run hugo --gc --minify --cleanDestinationDir Start building sites … hugo v0.119.0-b84644c008e0dc2c4b67bd69cccf87a41a03937e linux/amd64 BuildDate=2023-09-24T15:20:17Z VendorInfo=gohugoio ERROR Failed to get JSON resource "https://static.***.com/64412246-9050f100-d0c1-11e9-893a-f9b0766533ad.png?imageInfo&t=1698674110": Get "https://static.***.com/64412246-9050f100-d0c1-11e9-893a-f9b0766533ad.png?imageInfo&t=1698674110": stream error: stream ID 1; STREAM_CLOSED; received from peer ERROR Failed to get JSON resource "https://static.***.com/SkRx5uFwQ8Cliyq.jpg?imageInfo&t=1698674110": Get "https://static.***.com/SkRx5uFwQ8Cliyq.jpg?imageInfo&t=1698674110": stream error: stream ID 3; STREAM_CLOSED; received from peer 随着图片数量增多，因为需要调接口查询图片信息，这里构建耗时变长，同时也特别容易出现超时导致构建失败。 ...
加速Google Analytics
起因 Google Analytics是一款优秀的流量分析服务，集成方便，使用简单。 最近在优化页面访问速度，发现Google Analytics是一个优化点。 优化 1. 访问加速 国内访问Google Analytics很慢，同时还面临着各种广告屏蔽插件拦截。 ...
累计布局偏移修复方案改进 —— 自动生成图片宽高
累计布局偏移修复方案改进 —— 自动生成图片宽高
本站已不再采用本方案，新方案见使用Hugo实现响应式和优化的图片 遗留的问题 上一篇文章讲了我是如何解决博客累计布局偏移的问题，但是这个方案存在一个很大的问题。 手动输入每张图片的宽高 这就要求每次插入图片后，需要手动查看图片宽高，修改插入代码，导致整个流程变得繁琐，无法自动化。 ...
优化博客的累计布局偏移(CLS)问题
此文已过期，优化方案参考累计布局偏移修复方案改进 —— 自动生成图片宽高. 问题表现 7月份将博客部署由Github迁移到Cloudflare后，开始关注博客的性能问题。 偶然看到苏卡卡大佬的CLS优化文章，拿自己博客也测试了下，发现也存在同样的问题。 ...