我试图优化我的页面速度与我的平均堆栈应用程序。我遇到了一个问题,我应该消除渲染阻塞javascript和css。我已经到了几乎消除一切的地步,除了必须加载的控制器。
我认为不可能真正做到这一点,因为当我将“async”作为属性放在<script>
上时,angular会抛出一个注入器模块错误。
我也在考虑制造一个大的控制器,但那并不真的很好。
指向站点的链接是https://coastalreign.com,下面是控制器的代码:
<!-- ANGULAR CUSTOM -->
<script src="js/app.js"></script>
<script src="js/controllers/MainCtrl.js"></script>
<script src="js/controllers/ContactCtrl.js"></script>
<script src="js/controllers/ProductCtrl.js"></script>
<script src="js/controllers/ProductsCtrl.js"></script>
<script src="js/controllers/CartCtrl.js"></script>
<script src="js/controllers/TrackOrderCtrl.js"></script>
<script src="js/controllers/CheckoutCtrl.js"></script>
<script src="js/controllers/DesignerCtrl.js"></script>
<script src="js/controllers/SublimationCtrl.js"></script>
<script src="js/controllers/LocationCtrl.js"></script>
<script src="js/controllers/ServiceAreaCtrl.js"></script>
<script src="js/controllers/CategoriesCtrl.js"></script>
<script src="js/services/getCategoryText.js"></script>
<script src="js/controllers/CustomQuoteCtrl.js"></script>
<script src="js/controllers/GradContestCtrl.js"></script>
<script src="js/controllers/four04Ctrl.js"></script>
<script src="js/controllers/popularGroupingCtrl.js"></script>
提前感谢你的人的专业知识!
最佳答案
问题是请求的数量。我将捆绑js文件(app+供应商文件)并缩小它们。
您可以使用chrome开发工具检查性能提示-审计