performance - 滑块（flexslider）在页面加载时加载速度不够快？

Question

目前的一个大问题是我的 flexslider 加载速度不够快。从谷歌浏览器的网络报告中动态加载到滑块中的图像表明它们加载速度不够快。

有一个足够大的延迟，我不太高兴，理想情况下希望尽可能快地加载滑块及其图像，这样用户就不必等待它加载。

它与脚本相关或与 DNS 相关。IM 很困惑为什么它需要这么长时间才能加载。

Answer 1

我已经将脚本编辑为此。它似乎减少了时间，但仍然加载有点慢。

   $(document).ready(function () {
        var urls = [
            'http://fantasyfootballpundits.com/football/?category=Captaincy+Analysis&format=json&callback=?',
            'http://fantasyfootballpundits.com/football/?category=The+Gameweek+Preview&format=json&callback=?',
            'http://fantasyfootballpundits.com/football/?category=In+The+News&format=json&callback=?',
            'http://fantasyfootballpundits.com/football/?category=Pundits+Team&format=json&callback=?',
            'http://fantasyfootballpundits.com/football/?category=Shrewd+Moves&format=json&callback=?',
            'http://fantasyfootballpundits.com/football/?category=Shrewd+Moves&format=json&callback=?',
            'http://fantasyfootballpundits.com/football/?category=Guest+Fantasy+Articles&format=json&callback=?'
        ];

        urls.forEach(function (u) {
            $.getJSON(u).done(function (data) {
                var current = data.items[0];
                if (current != null) {
                    var post = '<li><a href="http://fantasyfootballpundits.com' + current.fullUrl + '"><img src= "' + current.assetUrl + '" alt ="' + current.filename + '"></a></li>';
                    $('ul.slides').append(post);
                }
            });
        });

    });