文章在这里:
个人博客访问速度优化:CDN, 图片压缩, HTTP2
可以访问下看看加载速度如何。
希望大家多批评指针~

tinypng 图片无损压

速度挺快的~

我当时也写过一篇文章做优化: infinitescript.com/2019/06/accelerate-wordpress-with-cdn-and-cache-servers/国内我直接全站静态化用了 CDN ,国外做了动静分离。

嗯,这个是前置的。我现在是图片传到指定目录,会自动无损压缩,然后加日期传 cos selfboot.cn/2023/06/02/auto_compress_upload/

哇,你这个很厉害,速度也很快

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

有启用 gzip 吗

图片的 gzip 吗?这个还没注意,我看看

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

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

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

google 这个 js 是 GA4 的,不能去。然后剩下几个 css ,主要大小也没多大,没时间去看哪些 css 用不到。这些 Google 的 insight 也报了出来的

cloudinary 图片自动优化

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

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

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

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

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

嗯嗯,搞个 cdn 会快不少的

无需优化,一直最快: c4ys.com/

刚才用谷歌流浪器的 lighthouse 试了下,居然评分 99.。。

会不会是因为没啥图片,哈哈哈。还是 http1.1 也没 cdn ,其他人访问可能会慢的

必须的啊,裸奔一丝不挂最快。。。

套了 CDN 确实有效果 w3h5.com ,但是因为接了 Google AdSense ,导致 Lighthouse 结果特别差,楼主知道怎么解吗?

看了下速度还可以啊。lighthouse 评估维度比较多,看看你关心的指标好不好就行

我看 OP 还是个律师?还有法律相关咨询?

我是程序员。。。 老婆是律师, selfboot.cn/links ,有法律需求可以来,很靠谱~

可以分享一下前段时间整理的性能优化的文章: blog.kisnows.com/2023/01/11/alibaba-buyer-performance-optimization-summary

还有博主提到的图片压缩格式,现在有新的压缩格式 avif ,这个比 webp 更好,而且浏览器支持程度也还不错,可以考虑。

还有图片其实现在有了更好的压缩格式叫 avif ,浏览器的支持程度也很不错,博主可以试试,我们业务上已经在推了。

LCP 和 FCP 时间特别久,应该会影响排名吧?

嗯嗯,理论上会的

这个文章很不错,看完有收获,感谢大佬

我好奇如何在不备案的情况下使用 cn 域名

www.ragnaroks.site/default/,hexo 还是太慢了,也不够灵活

作为后端渲染你这个确实很快了,在我这比本地起个 go(fiber) send file 还快

服务器不在国内就行。。 博客托管在 netlify 或者直接 Github pages 就行。

哥们你博客能搞个 rss 吗,像订阅 rss 方便一点

hexo build 之后就是静态文件了,访问速度不慢的。 确实不够灵活,不过好在可以自己改

我说的就是 hexo SSG 太慢了,SSG 之间也是有区别的,hexo 的文件组织方式比较原始。我以前也用了很久 hexo ,隔离的时候反正没事做用 next 重写了

哦哦,是见过其他 ssg 的,据说几千个 md 文件,秒级别渲染。你的可以分享下看看吗

nextjs.org/docs ,对位的是 next/mdx