滑块(flexslider)在页面加载时加载速度不够快?

时间:2013-07-19 12:25:01

标签: performance flexslider

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

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

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

enter image description here

1 个答案:

答案 0 :(得分:0)

我已将脚本编辑为此。它似乎缩短了时间,但仍然有点慢。

   $(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);
                }
            });
        });

    });