Устранить блокировку рендеринга JavaScript и CSS в содержании выше уровня (Angular JS Controllers)

Question

Устранить блокировку рендеринга JavaScript и CSS в содержании выше уровня (Angular JS Controllers)

0

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

Я думаю, что это невозможно сделать на самом деле, поскольку угловой код вызывает ошибку модуля инжектора, когда я помещаю "async" в качестве атрибута в <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>

Заранее благодарю за ваш опыт!

YeeeMang 22 июль 2016, в 23:55

Источник

0

Возможный дубликат снятия блокировки рендеринга JavaScript
chachan 18 фев. 2017, в 15:02

Теги:

angularjs

mean-stack

seo

2 ответа

Ещё вопросы

Возможный дубликат снятия блокировки рендеринга JavaScript

chachan · Answer 1 · 2017-02-18T02-29-00.000Z

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

Alexander · Answer 2 · 2016-09-19T12-04-00.000Z

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