Question

我正在使用具有jquery的aspx。由于加载jquery的延迟，我面临一些风格问题。请任何人都能告诉我如何快速加载jquery。

Answer 1

LABjs是一个脚本加载器，允许您以依赖顺序加载脚本，因此您可以从加载jQuery开始，而不是阻止其他脚本加载。您只会阻止那些依赖于jQuery的脚本。这可以帮助您提高页面加载速度。

LABjs（加载和阻止JavaScript）是一个开源（MIT 许可）项目由Getify Solutions支持。的核心目的 LABjs是一个通用的，按需JavaScript加载器，能够将任何JavaScript资源从任何位置加载到任何页面中随时。使用LABj加载脚本可以减少资源阻塞在页面加载期间，这是一种简单有效的优化方法网站的表现。

Answer 2

我今天在这个主题上阅读了来自Stackoverflow的Sam Saffron的博客文章。我没有试过作者tipps，但我不能确认。

http://samsaffron.com/archive/2012/02/17/stop-paying-your-jquery-tax

tl; dr;是将jquery推送到页面的页脚并在头文件中定义一个$ .ready函数，该函数捕获所有尚未运行的脚本，因为在加载实际的$ .ready函数之前，jquery没有加载。

Answer 3

确保提供的jQuery文件中设置了内容过期标头，因此浏览器可以缓存该文件。

Answer 4

将脚本放在所有CSS文件（）之后。你可以这样加载它：

 <script id="script-batch" type="text/javascript">
        (function(d){
            var js = d.createElement('script'); js.async = true; js.defer = true;
            js.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";
            d.getElementsByTagName('head')[0].appendChild(js);
        }(document));
 </script>

首先，它将从谷歌CDN加载你的jQuery，这是最快的之一。其次，它是跨浏览器的异步，并且不会阻止在页面上加载任何其他内容。

如何加快JQuery的速度？

4 个答案: