javascript-处理从CDN加载资源的失败或缓慢.
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-处理从CDN加载资源的失败或缓慢.,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1117字,纯文字阅读大概需要2分钟。
内容图文
![javascript-处理从CDN加载资源的失败或缓慢.](/upload/InfoBanner/zyjiaocheng/656/ec3017708f034c9e87f9688c07a1b95a.jpg)
我在网站上将CDN(maxcdn.com)用于js,css和图像.我注意到,从某些ISP那里,这些资源要么完全无法加载,要么加载非常缓慢.但是,从我的服务器进行的本地静态服务始终可以正常工作.因此,我希望能够检测到此类资源加载失败并通过回退到本地服务来对此做出响应.
我在这里找到了几种检测js和CSS加载失败的解决方案.最常见的方法是使用嵌入式js(位于,脚本和链接标记之后)在CSS中检查一些js var和一些cssRules.但是,这不允许:
>检测缓慢的加载(应在检测到缓慢后立即开始降级…)
>检测从CSS引用的映像的加载失败.
是否有任何简单,优雅的方法来检测资源加载失败/缓慢,并快速回退到本地服务?
解决方法:
如此处所述https://stackoverflow.com/a/2021325/745190,在开始加载脚本后无法禁用脚本.
您可以尝试最初从CDN加载非常小的(.1kb)脚本.在很短的时间间隔内测试该脚本,如果下载该脚本,则使用javascript将其他脚本标签附加到您的页面上;如果不是,则下载一个不必要的小文件.
可悲的是,这种方法有两个主要缺点.第一个是对CDN的查询,第二个是无法完全加载小脚本,这可能会导致浏览器滚轮继续旋转.
如果不确定,则测试是这样的:
/* tiny-file.js */
var window.speedTest = true;
和
/* The test */
setTimeout(function(){
if (window.speedTest !== true) {
//append local javascript
}
else {
//append cdn javascript
}
}, 50);
内容总结
以上是互联网集市为您收集整理的javascript-处理从CDN加载资源的失败或缓慢.全部内容,希望文章能够帮你解决javascript-处理从CDN加载资源的失败或缓慢.所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。