个人博客访问速度优化～ 各位大佬帮忙看看有啥改进点没

[xuelang]

文章在这里：

个人博客访问速度优化：CDN, 图片压缩, HTTP2

可以访问下看看加载速度如何。

希望大家多批评指针～

[weip]

tinypng 图片无损压

[BG7ZAG]

速度挺快的~

[zjhzxhz]

我当时也写过一篇文章做优化： https://infinitescript.com/2019/06/accelerate-wordpress-with-cdn-and-cache-servers/

国内我直接全站静态化用了 CDN ，国外做了动静分离。

[xuelang]

@weip 嗯，这个是前置的。我现在是图片传到指定目录，会自动无损压缩，然后加日期传 cos

https://selfboot.cn/2023/06/02/auto_compress_upload/

[xuelang]

@zjhzxhz 哇，你这个很厉害，速度也很快

[fuyun]

如果传统服务端（ PHP 、Java 、Node.js 等）渲染，首屏加载很快；如果 SSR ，首屏会有影响，但后续访问速度飞快，纯 API 请求了；如果 CSR ，……这一套东西（ CDN 、压缩、混淆、服务端/客户端缓存、AJAX 等等），无论哪种选择都很成熟了。我也在思考性能、交互、开发的平衡问题，且，加载速度只是访问速度（性能）的一方面，还包括可操作性（影响交互、体验）、操作后的响应速度等。

[kaf]

有启用 gzip 吗

[xuelang]

@kaf 图片的 gzip 吗？这个还没注意，我看看

[kaf]

顺便发下我司页面性能检测工具的结果
红色指标
首屏资源大小
1233 Kb (1024 Kb)
建议优化项
URL 资源大小 可优化资源占比
https://www.googletagmanager.com/gtag/js?id=G-QNFB9JLSPV
77 KB 38.6 %
https://selfboot.cn/css/style.css?v=1.0.0
12 KB 86.0 %
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css
19 KB 99.1 %

[kaf]

@xuelang 图片的 gzip 没有意义，一般用于 js ，css ，text ，xml ，html 等资源

[xuelang]

@kaf 嗯，这些我看 netlify 用 Content-Encoding: br 来压缩的。
图片确实没必要，已经是压缩过的格式，再压缩就纯浪费 cpu 了

[xuelang]

@kaf google 这个 js 是 GA4 的，不能去。
然后剩下几个 css ，主要大小也没多大，没时间去看哪些 css 用不到。

这些 Google 的 insight 也报了出来的

[since2021]

cloudinary 图片自动优化

[misaka19000]

搭车问一下，目前博客放在 github pages ，速度不太理想，有什么优化手段吗？

[wuzhanggui]

我的后端渲染，拼接个字符串，秒出
https://blog.dumogu.top/

[xuelang]

@misaka19000 可以用免费 cdn 啊，我用的就是 netlify ，也可以用 Cloudflare 或者其他

[xuelang]

@wuzhanggui https://dumogu-blog.oss-cn-chengdu.aliyuncs.com/ce571a321b9de35a7344ec5e19e4dd2e-test%20-%20%E5%89%AF%E6%9C%AC.png 这个图片还是 http 1.1 的，加载明显有延迟才渲染出来

[misaka19000]

@xuelang 谢谢，研究了一下发现又拍云好像不错，准备试一下😁

[xuelang]

@misaka19000 嗯嗯，搞个 cdn 会快不少的

[encro]

无需优化，一直最快： https://c4ys.com/