Question

我想要做的是让我的ember应用加载更快，project.building.getCurrentPart(project.buildingpart)文件看起来像这样

index.html

在uglify之前，<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Jobber</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> {{content-for "head"}} <link rel="stylesheet" href="assets/vendor.css"> <link rel="stylesheet" href="assets/custom.css"> {{content-for "head-footer"}} </head> <body> {{content-for "body"}} <script src="assets/vendor.js"></script> <script src="assets/custom.js"></script> {{content-for "body-footer"}} </body> </html>和vendor.js的大小为11mb，而来自ember-cli的uglify大约为4mb。

然后我尝试在Chrome时间轴（5倍CPU限制）中对其进行分析，看看是否存在明显差异。这就是我得到的，前三个图表是被丑化后的摘要，底部3是没有uglify。

我的问题是uglify真的能让它加载更快吗？我能说的唯一区别是，custom.js类别花费的时间较少，Other部分非常接近，有时甚至更长。

我仔细研究了时间分割，似乎编译时间减少了很多，但总的来说没有太大的区别，如果它确实节省了时间，那么节省的时间在哪里？

JS-Uglify会加快加载速度吗？

0 个答案: