背景

目前主要维护的有两个站点,BLOG和恋爱记。BLOG访问速度尚可,但恋爱记的速度令人很不满意,在将大图片换为小图片后仍然效果不明显,遂加上了又拍云CDN。但是仍然与BLOG访问速度有差距。

  • BLOG

image-20221205215718264

  • 恋爱记

image-20221205215622394

问题定位

可以看到,主要是jsdelivr的连接和css与js文件加载拖慢了速度。

两种解决办法,一是改为国内地址加载这些内容,比如字节跳动;二是直接放在网站上不再去互联网上加载。

此处采用第二种办法,省去重新建立连接的时间。

初步判断js文件和css文件是主题中引用的,因此在header.php和footer.php中到了寻找相关引用

# header.php
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/css/bootstrap.min.css">    
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script>

# footer.php
<script src="https://cdn.jsdelivr.net/npm/jquery-pjax@2.0.1/jquery.pjax.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js"></script>

解决效果

改为本地存储后,网页加载速度果然快了不止1s

image-20221205221922494

最后修改:2022 年 12 月 18 日
如果觉得我的文章对你有用,请随意赞赏