Устранение визуализации блокировки JavaScript и CSS в надводном содержимом (Angular JS Controllers)

Question

Я пытаюсь оптимизировать скорость своей страницы со мной. Я столкнулся с проблемой, когда я должен устранять блокировку Javascript и CSS. Я дошел до того, что почти полностью уничтожил все, ЗА ИСКЛЮЧЕНИЕМ для контроллеров, которые должны быть загружены.

Я думаю, что на самом деле это невозможно сделать, поскольку угловой сигнал вызывает ошибку модуля инжектора, когда я помещаю «асинхронный» в качестве атрибута на <script>.

Я также думал о создании одного большого контроллера, но на самом деле это не работает.

ссылка на сайт 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>

Спасибо заранее за экспертизу вашего парня!

Answer 1

Проблема в количестве запросов. Я бы связал файлы JS (файлы приложения + vendor) и минимизировал их. Вы можете проверить рекомендации по производительности с помощью инструментов Chrome - Developer - аудит

Answer 2

Вы можете использовать gulp-concat, чтобы уменьшить количество запросов, предложенных Александром. Затем вы можете использовать gulp-minify для уменьшения размера файла. У вас возникнут дополнительные проблемы, если вы хотите поместить асинхронный вариант, потому что вам может понадобиться визуализировать HTML, который зависит от углового