运维有趣项目:搭建个人博客加速版(网页加速的部分方法实现)

随着优化版个人博客完成,但越来越嫌弃网站的加载速度,于是开始尝试网上的各种加速方法,以下是一些尝试与对应原理(部分方法未使用:因为备案域名还没通过啊！！！QAQ)。

1.图片压缩

1.1 原理:

利用图像中的冗余信息和视觉感知原理，将原始图片文件中的数据进行精简，以减小文件大小，同时尽量保持图像的质量。

1.2 分类及其内部原理:有损压缩,无损压缩

有损压缩原理:有损压缩是指压缩过程中会有一定程度的图像质量损失的压缩方法。它通过去除图像中的细节和不重要的信息来减小文件大小，而这些细节对于人眼来说可能不太明显。
无损压缩原理:损压缩是指压缩过程中不会损失图像质量的压缩方法。它通过检测和消除图像中的冗余信息来减小文件大小。

1.3 使用情况

无损压缩方法适用于需要保持图像细节和准确性的情况，而有损压缩方法适用于对图像质量要求相对较低的情况。

1.4 使用方法

1.通过压缩网站:https://squoosh.app/
参考文献:https://www.mchsfc.com/103.html (懒人版)
注意:obsidian不支持webp,比较合适的解决办法是先转化为webp格式,在改变文件名后缀为png 依旧可以显示为图像
2.通过Centos的模块进行压缩
参考文献https://blog.csdn.net/qq_39399966/article/details/124796275 (学习版)

1.5加速环节

主要是加速服务器对所需图片的上传速度

1.6加速效果(较差)

原因:只加速了部分图片,评价是不如使用Http压缩自带的图片压缩,省事省力。
加速前

加速后

2.Http压缩与网页全静态

2.1 原理

Http压缩:https://www.wenmi.com/article/pxxsja04irld.html
网页全静态:将动态生成的网页内容预先生成并缓存为静态文件，以提高网页的加载速度和降低服务器的负载。

2.2 不使用情况

已经压缩过的图片,服务器与客户端不支持压缩算法,文件本身就小比压缩开销大

2.3 使用方法

1.通过建站软件自带插件,如wordpress的Autoptimize:https://zhuanlan.zhihu.com/p/100544854 (懒人版) (这里牵扯到 合并JS CSS,懒加载,)
2.通过Apache自带压缩模块进行压缩:https://blog.csdn.net/qq_42427971/article/details/115212064 (学习版)

2.4 加速环节

减少对html,css,js等网站资源的请求

2.5 加速效果(很好)

加速后:

待续

盛喜中，勿许人物；盛怒中，勿答人书。喜时言多失信,怒时之言多失体。