我在网站上将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);
标签:fallback,cdn,javascript 来源: https://codeday.me/bug/20191201/2078313.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。