自建了个人微博,有时候打开很快,有时候打开很慢,有时候打开部分样式加载不出来。
我纳闷,咋了?被攻击了?
查查CDN和解析统计,发现一切正常。
服务器原因?迁移到另一台云服务器上,还是这样。
然后按了F12,录制网络活动,测试资源网络发现是几个js和css没加载出来,竟然用的CloudFlare资源,显然是移动宽带的锅……这个微博程序我也是没想到作者竟然用CF的静态资源,吐了。
很多时候问题并不是想当然的。
https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/github.min.css
https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js
https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js
https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css
解决方法
1、在网站根目录建立ajax及上述资源子目录,分别将上述文件下载到相应的目录下。
2、根据网页代码,找到哪个页面调用了资源,或者直接找php一个个搜cloudflare关键词。
3、将所有的https://cdnjs.cloudflare.com删去,显示为/ajax/libs/……之类的资源地址。
4、刷新网站首页,完美秒加载,再按F12查一下是不是都正常加载了。
本文标题:[运维]静态资源本地化,记一次网页优化过程
版权声明:本文使用「署名-非商业性使用-相同方式共享 4.0 国际」创作共享协议,转载或使用请遵守署名协议。
国外cf提供的一直在墙内不是特别好,国内很出名的有bootcdn,staticfile 这两个是我知道的比较全的,嘿嘿哈哈
发表评论