#javascript #angular #performance #web-frontend
Вопрос:
В настоящее время я работаю над приложением angular2, в котором index.html Я ввожу свой корень приложения. То, что я пытаюсь добиться-это, чтобы принести мою посадочную страницу, HTML-код,CSS,JS в index.html себя и когда пользователь нажимает на любую ссылку на странице, Я хочу, чтобы угловое приложение, чтобы начать работы. Основанием для этого является мое угловое приложение JS и полезная нагрузка слишком велика — main.js -около 500 кб. Я уже выполнил все возможные оптимизации и встряхивание деревьев. Это слишком сильно влияет на мой lcp и другие показатели, особенно в мобильных устройствах.
Мой Нынешний index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<app-root></app-root>
</body>
</html>
Кроме того, в моем корневом приложении есть маршрутизатор-выход для обработки каждого из маршрутов.
Обновление: Для решения первого случая, я полагаю, нам придется разместить два приложения, одно статическое приложение, которое перенаправляется в spa, как и gmail.
Комментарии:
1. Возможно, вам захочется изучить статическую предварительную настройку вашего приложения с помощью такого инструмента, как scullyio..
2. Спасибо @MikeOne только что узнал о JAMstack (Скалли), хотя это не решило мою проблему. Я искал решение, что-то вроде gmail. Они обслуживают статические страницы перед входом в систему, а затем после входа в систему у вас есть спа-салон. Из того, что я выяснил, мне придется развернуть два отдельных приложения с перенаправлением из статического приложения в spa при входе в систему. Более того, это далеко от заданного вопроса, но как обслуживать разные спа-салоны на одном и том же пути для мобильных и настольных компьютеров, как это делает gmail ?