问题:博客页面加载时快时慢
devtools看到的是一些js和css文件有时候加载失败有时候缓慢,查询其url地址都是cdn开头,遂怀疑是博客主题所用的cdn有问题。
开干:
在devtools里看加载失败的静态文件对应的html中位置,并对照查看博客主题源代码中静态文件引入位置
切换网络,一旦失败或缓慢的静态文件加载完毕后保存到本地(或使用下载工具),再上传到服务器上
修改主题源码,将引用了问题静态文件的地址改为自己服务器的地址
devtools停用缓存进行测试,逐一排查完所有静态文件确保最终没有缓慢的静态文件
devtools开启缓存查看效果——通过
————————
总结:
web应用出现页面加载慢的时候通过devtools定位请求时间较长的接口或资源
修复资源或接口,如CDN问题需切换源或刷新CDN
核心的静态文件应由服务本身提供,确保、运行正常
当前解决办法可以确保服务可用时,页面绝对不会出现由于样式文件导致的渲染出错。缺点是如果应用访问量过大,则样式类静态文件反复被请求会造成宽带资源浪费,降低访问体验。