Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.03.2018, 19:41
Аспирант
Отправить личное сообщение для yinfo Посмотреть профиль Найти все сообщения от yinfo
 
Регистрация: 30.04.2015
Сообщений: 44

Angular Universal, серверный рендеринг - нужно ли мне это?
Привет!
Хочу сделать на Angular 5 сайт с тестами. Примерно 100 страниц вида mytests.ru/test/1. На каждой странице - уникальный текстовый контент, который может быть интересен поисковикам и ниже в отдельном компоненте Angular - сам тест.

Ссылки на все тесты можно сделать на главной.

Вопрос:
будут ли Яндекс и Гугл индексировать мой сайт на Angular 5 "из коробки" или нужно использовать Angular Universal или что еще...

Спасибо тем, кто ответит : )
Ответить с цитированием
  #2 (permalink)  
Старый 23.03.2018, 19:46
Аспирант
Отправить личное сообщение для yinfo Посмотреть профиль Найти все сообщения от yinfo
 
Регистрация: 30.04.2015
Сообщений: 44

По Angular Universal можно тут
https://github.com/Angular-RU/angular-universal-starter

Есть ссылки Live Demo. Честно, я так и не понял разницу между ними -
http://ssr.angular.su/ - server-side rendering of the master
http://csr.angular.su/ - client rendering master
Ответить с цитированием
  #3 (permalink)  
Старый 23.03.2018, 21:14
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,173

Цитата:
будут ли Яндекс и Гугл индексировать мой сайт на Angular 5 "из коробки"
Хоть гугл и заявляет что может выполнять JS код для SPA сайтов и индексировать их, но...это все ненадежно. Любая ошибка в коде, которая валит скрипт и никакой индексации не будет. Плюс для бота используется 41версия хрома, которая уже давно устарела...Поэтому да, SSR рендеринг это очень хорошо. К тому же это не только для индексации хорошо. Например, быстрее отрисовать страницу на сервере и отдать клиенту, чем просить медленного клиента разбирать js (мобильные устройства). Я не очень понял к чему тут эти ссылки...на офф.сайте есть туториал как все делается.
Ответить с цитированием
  #4 (permalink)  
Старый 23.03.2018, 21:55
Аспирант
Отправить личное сообщение для yinfo Посмотреть профиль Найти все сообщения от yinfo
 
Регистрация: 30.04.2015
Сообщений: 44

Сообщение от destus Посмотреть сообщение
Я не очень понял к чему тут эти ссылки...на офф.сайте есть туториал как все делается.

Вот тут http://csr.angular.su/back
сначала появляется некий код HTML для поисковиков, а через 3 секунды - серверный код. Это пример работы Angular Universal с их angular-universal-starter на github.
Ответить с цитированием
  #5 (permalink)  
Старый 24.03.2018, 06:08
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,173

yinfo,
Вот тут пример. А по ссылке какой-то бред. Там отдается обычный index.html файл с одним селектором <app-root> и шаблоны рендерятся на клиенте. Там же даже в домене прописано csr., то есть client side rendering.
Ответить с цитированием
  #6 (permalink)  
Старый 29.10.2018, 11:34
Новичок на форуме
Отправить личное сообщение для Gorniv Посмотреть профиль Найти все сообщения от Gorniv
 
Регистрация: 29.10.2018
Сообщений: 1

как работает Universal
view-source:https://ssr.angular.su/back - рендерим на сервере с ожиданием выполнения запрос от api, сделал большое время ожидания для демонстрации, так же смотрите network - Там нет повторных запросов к api. DOM полностью отстроен и готов для seo.


view-source:https://csr.angular.su/back - стандарное spa приложение, где есть только рут.

Я опубликовал два вариаты, чтобы можно было сравнить скорость работы и показать одинаковую кодовую базу.

https://habr.com/post/423739/ - как работает ssr.
Ответить с цитированием
  #7 (permalink)  
Старый 29.10.2018, 14:17
Аватар для SuperZen
Профессор
Отправить личное сообщение для SuperZen Посмотреть профиль Найти все сообщения от SuperZen
 
Регистрация: 08.11.2017
Сообщений: 481

если приложение будет знать данные до рендерера, то сср сделать просто... а если там lazy load + code splitting то надо https://angular.io/guide/universal

сср для поисковика нужен.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Баги Opera пишем сюда devote Оффтопик 101 08.08.2013 05:56
фрактальный сыр x-yuri Оффтопик 76 23.11.2011 20:59
Это работа, за неё нужно платить деньги... Kolyaj Оффтопик 20 25.01.2011 20:44
Как мне переложить это на jQuery? сiparis jQuery 7 13.09.2010 23:19
Нужно ли в этом примере (это) объявление переменных или нет? sashka++ Общие вопросы Javascript 5 31.07.2010 04:47