Javascript angular.js-解析html函数需要2000毫秒甚至更多时间
我正在努力加速我的网站。这是我在chrome的开发者工具Timeline/Profile JS中发现的。在中包含了150个蓝色解析HTML(在屏幕中) 这是加载时间的50%。我用平板电脑测试了它,这个功能甚至需要15000毫秒!我将路由提供程序设置为:Javascript angular.js-解析html函数需要2000毫秒甚至更多时间,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,我正在努力加速我的网站。这是我在chrome的开发者工具Timeline/Profile JS中发现的。在中包含了150个蓝色解析HTML(在屏幕中) 这是加载时间的50%。我用平板电脑测试了它,这个功能甚至需要15000毫秒!我将路由提供程序设置为: var start = '<div class="important">'; var end = '</div>'; $routeProvider.when('/test', { template: start +
var start = '<div class="important">';
var end = '</div>';
$routeProvider.when('/test', {
template: start + 'some short text' + end
});
var start='';
var-end='';
$routeProvider.when(“/test”{
模板:开始+一些短文本+结束
});
怎么了?网站的完整大小为500kb。它有97个示波器
编辑:如果我在平板电脑上不使用angular测试网站,加载时间为2.5秒(正如我在上面使用angular时指出的,加载时间超过18秒)。我愿意为解决方案付费
我还补充说我调试过(在平板电脑上)。你可以在Chrome上查看时间线。打开开发者控制台(F12)。单击选项卡时间线。右键单击此选项卡,然后选择“加载时间线数据”
编辑2:我正在使用,我认为这可能是问题所在,这可能是所有解析html的原因,因为例如有很多按钮。您没有发布代码,但下面是慢速生成器:
- 回流、重绘、解析HTML过多
- 慢脏检查
- 太多的DOM操作
- 将指令与内联模板一起使用
- 使用$templateCache
- 重用内存而不是分配新内存
- 少用手表
- 延迟元素创建
- 防止大型和复杂的ng重复(例如应用分页)
- 防止来自一个页面的多个(初始)请求