javascript - 如何为低带宽连接禁用 jquery include

标签 javascript jquery bandwidth

我有一个 simple website它使用了一点 jquery,但它不是必需的,所以如果用户连接速度很慢,我想跳过 jquery 下载。

理想情况下,我会检测到连接速度较慢,但​​我想检测到手机可能是一个合理的代理。

如果可能的话,我将删除页面中使用 jquery 的部分,并在加载 jquery 时动态添加它们。

我考虑过的选项是:

  • 通过下载小图片测试连接速度
  • 下载 jquery 但一秒左右后超时(我搜索取消下载但没有找到)
  • 将所有 jquery 放在一起,只编写我需要的 javascript(尽管对于某些浏览器我可能会弄错)
  • 将 jquery 下载包在一些 javascript 中,该 javascript 检查 useragent for andriod 或 iphone
  • 尝试使用css媒体选择器来控制jquery下载

但我不确定该说服哪一个。

此外,我不能使用服务器端技巧,因为它是一个静态页面(以避免应用引擎冷启动问题)。

最佳答案

我倾向于说忘记它。

任何严格的速度测试都需要传输超过 jQuery 库重量的数据。

您可以为用户提供一个选择(例如“打开低带宽网站”)并将该选择存储在 cookie 中。然后您可以检查 cookie 的值,并在服务器端动态嵌入或不嵌入 jQuery,或者使用 @banjomonster 对 this question 的回答中所示的 JavaScript。 .

除此之外,我会继续并包含它。如果您从 Google 的 CDN 中包含它,它很可能已经存在于用户的浏览器中,并且不必再次加载。

关于javascript - 如何为低带宽连接禁用 jquery include,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4764780/

相关文章:

javascript - ajax请求中的表单数据不完整

memory - 计算处理器的最大内存带宽

hosting - 网站后端的低成本技术架构

javascript - MutationObserver 和 querySelectorAll

javascript - 连续性测试 if 语句

javascript - 同时是一个函数和一个对象?

javascript - 如何使所有链接动态加载页面? (甚至动态加载页面中的链接)

php - 使用 PHP 获取 Linux 中的当前带宽使用情况

javascript - 修改输入值时如何防止光标移动?

javascript - 帮助在 javascript 中访问 json 文件中的节点