Выведите целевую страницу из приложения angular2 в index.html как обслуживать разные спа-салоны для мобильных и настольных компьютеров по одному и тому же маршруту, например, в gmail?

#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 ?