Я вот смотрю популярнынй пример демки стартера
https://ssr9.gorniv.com/

https://developers.google.com/speed/pagespeed/insights/?hl=RU&url=https%3A%2F%2Fssr9.gorniv.com%2F&tab=mobile
тут круто 92/99 - то только главная страница и она mock data

а когда приходим к примеру с данными по API
https://developers.google.com/speed/pagespeed/insights/?hl=RU&url=https%3A%2F%2Fssr9.gorniv.com%2Fstatic%2Fback&tab=mobile и задержкой то получаем 69% на mobile

а от меня хотят зеленый круг т.е. это 90-100%

я пока совсем не представляю как я это смогу сделать.

Вывод получается только один,
в первую очерель нужно кешировать все что приходит с API
ну или полностю генерить статику на бэке и тоже кешировать.

prerenderer погугли братан

Кэшировать то service worker

На других страницах в данном примере специально сделаны задержки, чтобы показать, что и как работает.

ok, до этого момомента мне удавалось pre-renderить только чтото простое, что не обращалось к DOM, и вот думал что либа "domino" решит вопрос полностью, но мой слайдер не генерится там в виснет полностью приложение... думаю вариантов еще хватает - нада брать и пробовать да,
спасибо!

проблема в том что примерно такие же задержки мы получаем от нашего API, а менеджер думает что я возьму и за день магическим образом тут все сделаю. :) и он не хочет подключать комманду бэкенщиков на улучшение этого процесса, мол они заняты :)

А на счёт данных - как раз тут пример, что можно получать их, установив максимальное время ожидания. Если данные не пришли - отдать страницу так и отрисовать на клиенте.
Или есть ещё более продвинутый вариант - кэшировать результат отрисовки SSR на сервере. Это позволит держать большие нагрузки, а также получить хорошие результаты времени отрисовки, в том числе в pagespeed.

так ты объясни, что как минимум, быстрее чем выполняется запрос на бек, это работать не будет

согласен, а есть примеры? хотыбы где почитать?

им нужен зеленый круг)) вникать в это никто из них не хочет)

В angular-universal-starter есть реализация этого.

ща тебе скину переписку, почитай

https://github.com/Angular-RU/angular-universal-starter
Вы про этот говорите?
Еще, последнее, не вижу там ветки для 8-й версии.. (

Я конечно могу попробовать мигриовать все на 9ую версию, но боюсь что могу потратить на это больше времени, чем у нас реально есть.

@gorniv куда ты кеширование в стартере дел? Я не могу его найти.

Парни, добрый вечер.

ПОделитесь опытом плз. Будет интернет-магазин. Будет ssr для десктопа и SEO , и хочу добавить PWA для мобилок. Как это всё лучше реализовать?
Использовать PWA + SSR вместе или настроить в nginx правило, что если зашел с мобилы, будет редиректить на m.site.com, где будет pwa, если с десктопа, будет чисто SSR

блин, перейти нельзя что ли к источнику?

Можно скопировать линк на сообщение

Кроме кеширования даных с сервера в не меньшей степени поможет кеширование отрендериных страниц. В моем случае это дало даже больший выигрыш. При этом не всегда годится чистый пререндеринг, т.к. данные, влияющие на отображение могут менятся чаще чем кому-то понравится ре-билдить приложение. Я просто кеширую готовые страницы в Redis, при чем прикрутил самопальную конфигурацию какие страницы и как долго держать в кеше.

сейчас попробую