加载脚本库时如何增加加载时间性能?

时间:2017-08-08 13:40:57

标签: javascript jquery twitter-bootstrap performance

希望我在适当的背景下提出这个问题。

我正在加载一些自定义的JQuery UI内容,加载1个脚本需要453毫秒的时间。其中1个是迷你版

对我来说,考虑到在将页面呈现给客户端之前还需要加载的所有其他相关脚本,引导程序等,似乎需要相当长的时间。


enter image description here


我很少遇到这种类型的问题,但是当它发生时它是一个绝对的问题,因为我通常不得不开始考虑实现等待覆盖和其他机制来减轻由于延长加载时间而导致的潜在恶劣用户体验。

这里有2个问题:

  1. 图片中显示的库的加载时间是否不合理或者那些时间相当普遍?考虑到等式中没有网络问题

  2. 除了脚本捆绑和利用缩小版本;是否有任何其他可用的方法可以帮助减轻或最小化脚本加载时间,以便在需要这些脚本的页面加载时挤出更好的性能?

  3. 我只是在这里钓鱼,看看其他人如何处理这个问题。也许可能有我可能没有考虑的建议。

    “你如何加载脚本”:  我在这个特定的实例中使用了ScriptManager,并且如下所示使用了ScriptBundler和ASP.NET框架,但是我也看到了使用MVC的问题,尽管由于模型和缓解的回发而没有那么普遍。

    <asp:PlaceHolder runat="server">
        <%: Scripts.Render("~/bundles/modernizr") %>
    </asp:PlaceHolder>
    
    <asp:ScriptManager EnablePageMethods="true" runat="server">
            <Scripts>
                <%--Framework Scripts--%>
                <asp:ScriptReference Name="MsAjaxBundle" />
                <asp:ScriptReference Name="jquery" />
                <asp:ScriptReference Name="bootstrap" />
                <asp:ScriptReference Name="respond" />
                <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />
                <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />
                <asp:ScriptReference Name="WebFormsBundle" />
                <%--Site Scripts--%>
            </Scripts>
        </asp:ScriptManager>
    

0 个答案:

没有答案