很久没看自己的博客了,当我打算写一篇新的博文的时候实在是无法忍受博客加载速度异常缓慢的问题 包括但不限于
- 首页加载龟速
- 后台界面卡死
- 文章无法打开
种种原因甚至让我都不忍直视,并且博客中少有几位观看者也经常抱怨加载慢的速度.
当我意识到这些问题后,终于决定好好花时间整改
分析原因
自己通过查看开发人员工具及后台内容 可以初步判定问题所在
大部分资源加载速度龟速是由于雨云CDN
雨云刚推出CDN服务的几天反响很好,凭借着雨云用户免费+微软云香港CN2+1000GBPS高防等诸多好处,再加上雨云的大力宣传之下,越来越多的用户使用,虽说是个不错的消息,但接踵而来的便是雨云CDN的各种问题
例如 因为使用人数多但是节点较少导致的宽带占用以及延迟高等问题,某用户的站点受到大型攻击而导致其他用户网站访问龟速(例如我)
其次是博客内花里胡哨的地方严重拖慢速度 例如
解决方案
对于CDN拖慢站点速度问题,我则选择了最优质的方案:更换一个高防机子
因为自己域名没备案,只能使用境外服务器,在搜寻半天后,最终挑选了雨云美国二区服务器
优点是国内线路直连+200G防御 下雨天不用愁
缺点则是宽带较低 所以后续还需要继续针对宽带优化
其实我的做法并不值得借鉴,CDN的防御对于站点确实是必不可少的地方,而我之前套CDN纯属是自己作 自己的站点没人攻击还要搞这些有的没的
最后选择购买防御机子算是折中做法,不过确实有着极大的优化 但主要还是要看你的钱包(
至于花里胡哨的地方 最简单的方法就是舍弃
例如live2d小人这些无用美化可以直接去除 包括动态壁纸以及透明模式
透明模式还会带来滑动掉帧 之前为了美化开的当时寻找原因花了一个多小时 非常不建议使用
至于第三方字体美化,一开始我是想使用子集化工具将字体进行压缩处理
后续则为9mb的字体被压缩成500kb,但依旧是一个很大的拖油瓶
即使搭配了国内CDN加速也快不到哪里去,最终 我选择使用鸿蒙Sans作为网站主要字体 搭配官方CDN可以做到毫秒级响应 算是某种意义上的保留处理了吧(?)
头图不压缩的解决方法很简单 一开始我是想懒人处理用webp-server项目进行实时压缩的
至于后续 因为每次访问都会实时处理成webp 但是很影响性能并且压缩量不大(500k-469k)
后续还是手动处理,将部分头图手动压缩成50-80k
并通过脚本 使得Typecho上传目录自动处理压缩 部分图片使用自建图床以及jsdelivr 完美解决
宽带问题 我则将主题/美化所需要的静态内容打包到字节跳动CDN 部分使用国外jsdelivr静态资源加速服务
总结
在不备案以及保留部分美化的情况下将站点速度将至最低(以我目前的能力 将网页加载速度降至2s算是尽力了 可能不是最优秀的但至少是努力过的
以及作为一个优秀的博客 最重要的还是保持内容的高质量而不是一味的美化 美化固然好 可以让本就完美的网页锦上添花 但也要有个度 否则会适得其反
博客的初心是记录 而并不是拿来炫耀 也不是一味的引流 写的内容好 自然有人会蹲点查看
