当我在文章前置说明“阅读此文章默认你阅读过想要了解《网站加速》”,且确实有此类想法。那么就是指这篇文章了。

故事的开头

TM为什么打开我的博客前端特效会卡主!我人都傻了。

说明

这篇文章不会具体教什么方法。
我也是在实践的时候想记录下来
因为如果要详细写的话可能会分成很多篇内容,那么就用这篇文章做个前情提要吧。
因为本blog使用handsome ver7.3.1主题,所以如果有幸和你的一样,或许会对你有点帮助。
更加深度的东西,这篇文章肯定是没有的,我也默认你会不会无所谓!
同样的一些问题,这里推荐皆非的视频:搭建网站博客优化美化的一些建议

正题

大概很多人都知道,或者压根不知道。当浏览一个网页的时候,其实是在查看一个,由服务器的前端代码构建的页面。
那么问题就来了,如果想要快速的加载出来这个页面,无非就是加载其中的内容。
这个时候,有可能你会只看到代码的加载速度,或者只看到服务器的加载速度,或者只考虑到服务器加载文件的速度。
所以这里特别写出这么一篇文章,来提醒或者帮助你记下需要考虑的问题。

首先,这里不会涉及本地内网,公网,网速贷款,服务器等等东西。

1.对象存储、云存储、镜像存储、静态资源存储

为什么先把这个东西放在了最前面。
1.目前为止,低廉高效高质量的服务,又拍云,七牛云,阿里云的OSS或者腾讯云的COS。他们所提供给用户的镜像服务,以及搭配CDN的便捷性,讲道理反正也没其他能拿来比的。总不能开战全都卷死吧。
2.他可能是你最应该考虑的东西。访问网站的时候,服务器拿出内容给你看,图片视频等等,可以说是可能随着时间会一直增加变大变多的东西。当然一般的小blog站可能确实没那么多东西,但是早晚得考虑。
3.相对于代码,他可能也是最好实现的。但也是需要长久维护的。代码写好了出问题再说,辛辛苦苦积攒的内容得保管起来。
4.比垃圾百度云好用的多了啦~

那么根据我的blog,这里详细记录下几个问题

OSS+CDN and COS+CDN

我试验了阿里云OSS+CDN以及腾讯云COS+CDN,又拍云和七牛云我正在试验(或许什么时候会有结果吧)。首先给出结论:可以说效果不是特别理想,但是是完全可行且没毛病的。当然也有可能是我没有试验到位。哦对,如果你使用TE插件仓库安装插件那再好不过了。别忘了你是什么博客框架!
1.通过handsome主题本地图片云存储(镜像)加速链接,第一次会自动上传到镜像空间,那么问题来了,以后呢?我的一次试验表明:新文章的博客图片并没有及时生效。
2.服务器对资源的支持。在2019 年 11 月 26 日Sanakey对handsome v5.3.1的教程以及其评论中,可以看到一些图片是裂开的,或者有人反馈return和排版错误。在2020年10月26日皆非刷新CDN缓存设置函数触发规则时,效果不是特别理想。现在不知道是否有进展。
3.关于第2点,我说一下其中一个例子,使用COS之后,阅读量的小眼睛和有折叠页的小箭头等元素不会显示。会变成□。像极了打游戏去外服,语言编码不同时显示的□□,所以戏称为口口服。这里我就当他是不支持吧,毕竟当时在上班没时间。于是我使用了jsDelivr,将本地静态资源上传到了github上,通过jsDelivr的CDN来显示出这些元素。
4.用了之后居然比原先还慢。我反正没出现,一般也是不会出现这种情况的,但是如果东西太少,原本速度就很快等等原因,确实有可能会出现这种情况。

如果还有其他,可自行交流。

2.CDN

CDN的话其实没什么好说了。
国内的话域名备案就能用了。
对象存储一般也都会配合CDN。

这里就乘着我搬瓦工的服务器还没寄,给些个图片,愿意研究的就研究研究吧。

使用了CDN,一些地区延迟在1ms

没使用CDN,其实也没大差别

搬瓦工在美国的服务器,原地裂开

3.F12 查看下那个B玩意给你拖速度了

理论上来讲我的页面应该是快的没道理的,无敌的速度。
可是我突然发现我的前端特效卡主了,背景和其他一些个特效要等半天才显示。
很好解决,直接F12,然后F5刷新看一下。
我草,原本提供使用的<文本框打字机特效>的commentTyping.js链接GG了。
那换一个就完事了。

所以现在可以试着刷新本blog网页,无脑的速度。

这个点就是说,你在测试网站打开的加载速度时,应该要考虑到是不是有哪些个东西阻碍了原本飞快的速度。请记下来务必解决。

0ms 死妈快

总结

以上就是这次记录下来的内容。
如果以后还有补充的话,我或许会更新。
我很欣赏的小图版权:《猫とティーバッグ》by チャイ 2021年9月7日晚上7点30分 pid:92579905

广告位招租
最后修改:2021 年 09 月 10 日 04 : 13 PM
如果觉得我的文章对你有用,请喂饱我!(理直气壮)