更好地结合 &缩小 javascript 或使用 Google CDN？

发布于 2024-09-04 19:35:06 字数 793 浏览 8 评论 0原文

我正在构建一个网站，该网站目前使用多个来源的 javascript：

组 1：Google Maps API v3（由 Google 托管）
第 2 组： jQuery 和 jQuery swfobject（托管在 Google CDN 上）
第 3 组： 几个 jQuery 插件和非 jquery javascript 文件（托管在我的服务器上）

我正在使用 Justin Etheredge 的工具 SquishIt 组合并缩小我的服务器上托管的所有 JavaScript 文件（第 3 组）。

我想知道，如果我将（组 2）中的文件托管在本地，以便它们可以与（组 3）中的所有其他文件合并，并且只需要对组进行一个 HTTP 请求，那么该网站是否会让用户“感觉”更快2& 3. 这意味着我无法获得的好处然而，Google CDN。

有人对此事有什么建议吗？

编辑： 另外，我如何得出这个问题的基于数字的答案？这可能吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

帝王念 2024-09-11 19:35:06

我认为这取决于您的用户在访问使用相同资产的另一个网站时已经缓存了 google cdn 文件的可能性有多大。

我的观点是，最好使用 CDN，因为它被缩小了，而且文件可能根本不需要下载。合并并缩小其他所有内容。

我有兴趣了解那些 google cdn 库文件的全局缓存命中率。

回复收藏 0 原文

且行且努力 2024-09-11 19:35:06

使用 CDN 和组合/缩小有不同的目的。如果两者都可以使用的话。

组合 Javascript 文件 - 减少页面的 http 请求数量
缩小 Javacsript 文件 - 减少文件大小
使用 Cdn - 改善延迟。

如果你能找到一种方法来使用两者，那就太棒了，

尽管组合 Javascript 文件可能会变成一件更复杂的事情，而不仅仅是缩小它们。

如果需要，您可以使用其他 CDN (Amazon CloudFront)

回复收藏 0 原文

小清晰的声音 2024-09-11 19:35:06

可能不会有太大区别。

javascript 文件很小并且是静态的，并且将被用户的浏览器缓存。通过使用存储在 Google CDN 中的副本，您的用户甚至不需要在第一次访问您的网站时下载脚本。

不过，通过使用 Google 副本，您也会引入对 Google 的依赖。如果他们的服务器宕机（他们可能不会 - 至少在不久的将来不会），您的网站可能无法正常运行。

回复收藏 0 原文

眸中客 2024-09-11 19:35:06

我正在组合、缩小（使用闭包）并使用（akamai）CDN。但对于 Web 性能最重要的提示是：

使用永不过期缓存
异步加载：您可以使用此脚本加载外部js文件
<前><代码>(函数() {
设置超时（函数（）{
var sc = document.createElement('script'); sc.type = '文本/javascript'; sc.async = true;
sc.src = 'youfile';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(sc);
},0);
})();

I'm combining, minifying (using closure) and using (akamai) CDN. But the most important tip for web performance are:

use never expire cache

async loading: you can use this script to load your externals js files

(function() {
  setTimeout(function(){
    var sc = document.createElement('script'); sc.type = 'text/javascript'; sc.async = true;
    sc.src = 'youfile';
   (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(sc);
  },0);
})();

回复收藏 0 原文

~没有更多了~