Question

我对Angular很新，我的网页初始加载速度非常慢。初始加载后，导航面板控制哪些产品包含在＆＃39; ng-repeat＆＃39;运行得很完美。

当我删除开始我的Angular JavaScript代码的脚本时，它再次加载完美，所以它可能与我编码的方式有关。

前3个标签（包括它们的下拉菜单）正在运行。侧边栏中的搜索引擎也非常慢。

Angular JavaScript

(function (){
    var app = angular.module('craneStore', []);

    app.controller('StoreController', function(){
        this.products = craneStuff;
    });

    app.controller('TabController', function(){
        this.tab = 'featured';

        this.setTab = function(newValue){
            this.tab = newValue;
        };

        this.isSet = function(tabName){
            return this.tab === tabName;
        };
    });

    var craneStuff = [{

           *All my expressions *

    }];
})();

我知道这一点还不够，所以这里有一个指向我测试区域的链接：

My Test Area

Answer 1

主要罪魁祸首是您要发送到页面的ENORMOUS图像。你的javascript正在等待加载这些图像，这不是不合理的行为，除非图像是巨大的。以下是网站上其中一张图片的示例：

http://craneshit.com/images/products/standards/B30-28-10.jpg

除非您确实需要发送3200像素图像，否则应调整它们的大小。

Angularjs页面初始加载速度很慢

1 个答案: