Технологические тренды веб-разработки 2019

[tsepen]

PWA очень крутая штука, Гугль уде анонсировал возможность размещения pwa в play market, если подтянется яблоко и реализует возможность размещения в app store, то мобильная разработка как самостоятельный вид деятельности вообще станет не актуальной. Пилишь сайт, в бонус получаешь мобильные апликухи :)

[repjov]

Да, мне тоже очень нравится это направление.

[Vadem]

Не совсем так.
PWA имеют доступ к камере, микрофону, геолокации, USB, статусу батареи, положению устройства, платежам и многому другому. NFC и Bluetooth на подходе.
Нет доступа к SMS, контактам и некоторым другим фичам, но это явно больше чем только экран и клавиатура.

[noodles]

Если несколько лет назад одностраничные приложения практически не поддерживали поисковую оптимизацию и их использовали преимущественно для создания личных кабинетов и панели администрирования

Считаю, что именно для этого их и стоит использовать, ни никак не для «контентных» сайтов или лендингов. Иначе получается, сами создаём себе проблемы (индексация, seo, роутинг, размер и разбиение бандла и т.д.), а потом героически их же и решаем.

И при переходе между разделами приложения страница не перезагружается полностью, а только подгружается и отображаются необходимые данные.
Одностраничные приложения сильно выигрывают по скорости работы и удобству использования у классических web-приложений.

Спорное утверждение. Какая разница, где наблюдать спиннер — во вкладке браузера, или в самом UI?

Используя одностраничные приложения с серверным рендерингом сегодня эта проблема полностью исчезла.

От уважаемых людей слышал, что на рынке пока нет человеческого решения для SSR, без ада и содомии для команды. Возможно, это уже не так.

[repjov]

Считаю, что именно для этого их и стоит использовать, ни никак не для «контентных» сайтов или лендингов. Иначе получается, сами создаём себе проблемы (индексация, seo, роутинг, размер и разбиение бандла и т.д.), а потом героически их же и решаем.

Конечно для лендингов это не имеет смысла, в статье я уделил внимание, когда имеет место быть SPA, а когда нет. Для блога, скорее тоже нет, чем да. А вот для магазина, вполне себе можно, просто пока нет широкораспространенных фреймверков или CMS для такой работы, и это сделать не дешево.

Спорное утверждение. Какая разница, где наблюдать спиннер — во вкладке браузера, или в самом UI?

Конечно разница есть, вместо того, чтобы рендерить страницу полностью, клиент получает только часть данных, и перерисовывает только их. Так же сервер не занимается лишними операциями по формированию html стрницы, что при большой посещаемости может существенно разгрузить сервер.

От уважаемых людей слышал, что на рынке пока нет человеческого решения для SSR, без ада и содомии для команды. Возможно, это уже не так.

Уже есть, и мы используем их каждый день в своей работе. Например, nextjs.org

[noodles]

А вот для магазина, вполне себе можно

Например, nextjs.org

В магазинах для продвижения самое чувствительное — это, пожалуй, карточка товара. Правильно оформленная… с заголовком h1, описанием, и с человеко-читаемым уникальным индексируемым роутом на каждый товар. Просто, на самом деле интересно — nextjs такое реально умеет?

Кстати:

Одностраничные приложения сильно выигрывают по скорости работы и удобству использования у классических web-приложений. При помощи SPA можно добиться эффекта работы вебсайта, как приложения на десктоп, без перезагрузок и существенных задержек.

Rozetka.com.ua, hotline.ua — в топах украинского поиска, абсолютно не стесняются перезагружать страничку на каждый товар, и ничего страшного. Фильтры, табы — там да, удобнее ajax spa прикрутить.

[Alexxosipov]

Nuxtjs рендерит первую вьюху на сервере, в следствие этого любой сеошный робот будет это видеть полностью валидным html со всеми сео прелестями. Но вот вопрос, что стоит ли это делать для интернет-магазина? Мы получаем не только разделение бэкенда и фронтенда, но еще и отдельный проект с зависимостями от api. По метрике видел, что полностью идентичный сайт на SPA и MPA имеет полностью идентичные (в рамках разумной погрешности на 10к уников) показатели.

[repjov]

В магазинах для продвижения самое чувствительное — это, пожалуй, карточка товара. Правильно оформленная… с заголовком h1, описанием, и с человеко-читаемым уникальным индексируемым роутом на каждый товар. Просто, на самом деле интересно — nextjs такое реально умеет?

Умеет, причем прекрсно. Next использует SPA SSR и на базе шаблонизатора React рендерит страницу на сервере и подготавливает приложение, отдает готовую страницу клиенту, и уже клиент запускает полноценное приложение и дальше работет как стандартное SPA

Rozetka.com.ua, hotline.ua — в топах украинского поиска, абсолютно не стесняются перезагружать страничку на каждый товар, и ничего страшного. Фильтры, табы — там да, удобнее ajax spa прикрутить.

Пусть себе перезагружают, никто не говорит что SPA это панцея, но при помощи нее можно добится более удобного интерфейса и взаимодействия с пользователем, расширить горизонты

[Sunexpo]

Более того, новые хромы позволяют использовать SPA как PVA без прикручивания инстанса браузера к последнему вручную. Делаешь SPA, при входе на него из нового хрома тот предлагает установить его как приложение со всеми вкусняшками типа пушей и прочего (Приложение будет использовать имеющийся в системе хром для своей работы). Это уже работает на андроиде. Скоро вроде как для всех платформ.

[demimurych]

Типичный пример материала, который наглядно показывает почему SEO специалистов не любят — из-за тотальной технической беграмотности.

Разберем на примере этой статьи,

Технологические тренды веб-разработки 2019

Первый пункт.

Single page application

Первые SPA появились в 2006 году. С 2012 года, в силу того что все проблемы сопутствующие SPA были решены, это стал стандарт де факто для любой студии которая понимает как правильно делать сайты.

Однако, из за малограмотности авторитетов в SEO среде, получил распространения миф, о том, что SPA = Anuglar React или Vue. Что не так.
это фрейворки которые реализуют парадигму реактивного программирования, а НЕ инструменты для построения SPA приложений.

В результате, проблемы именно этих фреймворков, стали проецировать на SPA в целом. Которые, напомню, с 2012 года работают без каких бы то ни было проблем, как со стороны бразуеров, так и со стороны индексирующий роботов.

Вбейте себе в голову
SPA != Angular React или Vue.

Следующий миф пришедший ровно от туда же, а именно
Progressive Web Applications.

Это не стек технологий. Это вообще никакого отношения к технологиям не имеет. Это ярлык. Который получают тогда, когда на сайте используется ServiceWotker + написан Manifest.
ВСЕ.

Любой сайт, может работать со всем что дает ServiceWorker без ярлыка PWA.
Все что нужно для получения PWA в этом случае, это написать минимально корректны manifest.json который все что дает, это управление цветовой гаммой и сплеш скрином.
Ну и еще дает возможность подстраивать интерфейс бразуера.
И, как следствие, дает возможность продаваться через магазин. Что существует уже с пол года, а не анонсировано.

Нет ни единой технологии, которую бы сайт не мог использовать самостоятельно, без ярлыка PWA.

Займитесь собственным ликбезом, а не повторяйте безграмотные вещи от других SEO специалистов.

[repjov]

Типичный пример материала, который наглядно показывает почему SEO специалистов не любят — из-за тотальной технической беграмотности.

Почему вы решили, что эта статья от SEO специалиста или кого-то связанного с SEO?

Вбейте себе в голову
SPA != Angular React или Vue.

Где в статье написано, или вывод в том, что Angular или другой фреймверк это SPA?! Зато там написано:

Single Page Application (SPA) – это веб-приложение, компоненты которого загружаются единожды на одной странице, а контент подгружается по необходимости.

Angualr, React и другие современные фреймверки просто помогают релизовывать такие страницы, конечно можно сделть это все на Vanila js используя XMLHttpRequest или jQuery. А проблема SEO, в другом, в том что используя клиентский роутинг фреймверков, страницы рендерятся на клиенте используя и строят DOM с данными уже после того как страница была отдана сервером, и при прямом переходе на ссылку клиентского роутинга, сервер всегд отдавал index файл, и уже после клиентское приложение сторило необходимую стрницу, и не все роботы умеют обрабатывать такие страницы.

Это не стек технологий. Это вообще никакого отношения к технологиям не имеет. Это ярлык. Который получают тогда, когда на сайте используется ServiceWotker + написан Manifest.

Тут можно холиварить до усрачки. Это все зависит какой смысл вложен в слово «технология». Ведь каждый ответит по своему. Мне близко это определение.

Технология — это совокупность знаний, посвященных созданию инструментов, обработке действий и извлечению материалов.

Ведь не всегда браузеры умели запускать server workers, не всегда умели работать с пушами, это все развивалось и продолжает развиваться. Можно PWA назвать и методологией, и подходом к разработке, да не важно как ты его назовешь, главное это релально классная штука, которая может улучшить веб-сайт. Которая, совмещает в себе многие классные вещи веба и мобильных приложений.

Займитесь собственным ликбезом, а не повторяйте безграмотные вещи от других SEO специалистов.

И поверьте, у меня достаточно опыта и знаний в веб-разработке, чтобы писать и говорить на такие темы. Я не занимаюсь копирайтингом или бездумно переписываю чужие статьи, я все это применял, и моя команда применяет это все и по сей день!

[Kowi]

PWA штука шикардецкая, внедрил у себя. на Serverless посматривал, однако сам исполнить не осилю, а работягу по карману пока не нашёл.
В принципе, тенденции здравые. Пажждём, что будет дальше.