给博客进行加速

中午去深圳同学家,早上没什么事做,就稍微给这个博客进行加速,我尝试删除Chrome的所有历史数据,然后访问博客的时候,开启开发者工具进行监听,DOMContentLoaded的时间大概在3s左右,而Load的时间则是4s出头,对此进行的解决方法有:

采用CDN加速

这里我直接将我引用的静态图片等资源全部放到了腾讯云的Bucket上面,然后在Bucket上面开启了500+的CDN节点加速,将引用地址全部替换为了对应的CDN地址。采用了这个方法之后,第一次访问网站速度不变,但是以后访问就很快了

采用gzip进行压缩

由于我的网站是采用nginx进行部署的,所以要用到gzip,只需要在nginx.conf里面添加如下代码即可:

    server {
          gzip on;
          gzip_types  text/plain  application/javascript application/x-javascript text/javascript text/xml text/css;
    }

然后测试的结果是,原本boostrap.min.js的大小是119KB左右,做了gzip后只有24.9KB(原谅我没有截图,用心感受就好QWQ),然后重新删除Chrome的所有历史数据,重新进行博客的访问(首次访问),加载情况如下所示:

最终结果

可以看到DOMContentLoaded是799ms,Load是1.53s,Finish那个不用管,会叠加的,总的来说速度比之前快了1倍多,感觉还不错QWQ

背景

正在加载中...

欢迎来踩 取消回复

发表评论
...

这里是萌萌哒咪西西

如果您看到下面这段文字,说明您的浏览器不支持canvas(或者您的浏览器采用了兼容模式,请换用新浏览器或者快速模式QAQ