七仔的博客 (@baby7blog) 在 博客的加载速度和大小的优化、优化再优化 中发帖
博客的加载速度和大小的优化、优化再优化
0. 前言
最近对博客的加载速度和各种文件体积进行了优化,特此记录一下
可以点击七仔的博客测试我的博客速度
1. 基础
1.1 图片加载优化
对于非文章类的大图片先进行一遍压缩,使用各种压缩网站就可以
然后对于各种图片最好都转换为为webp格式,相对于传统格式能降低大小大概四成左右
1.2 gzip压缩
gzip是针对文本类型进行压缩的,例如html、js、css、txt等格式,可以在nginx处打开
http {
gzip on;
gzip_buffers 32 4K;
gzip_comp_level 6;
gzip_types text/plain application/javascript text/css;
}
2. 首屏渲染
Vue类型的博客的内容是通过实时加载去渲染的...