Что такое SPA / PWA сайты и приложения?

PWA (Progressive Web App) – это новая современная технология, которая делает революцию в web разработке. PWA web сайт (приложение) при некоторых допущениях может также являться одновременно и мобильным приложением. Например, если мобильному приложению не требуется доступ к звонкам, СМС и камере телефона, то сделав PWA сайт (приложение), вы одновременно получаете мобильное приложение для Андроид и мобильное приложение для iOS. И что самое великолепное, вам не надо поддерживать три разных кодовых базы, и держать две команды разработчиков, одну для сайта, вторую для мобильных приложений. PWA сайт сам по себе и является мобильным приложением и будет работать в телефоне или планшете как мобильное приложение.

Для сложных проектов PWA обычно разрабатывается как SPA (Single Page Application).

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

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

Самый большой минус SPA - это необходимость дополнительных действий для SEO, чтобы поисковые системы смогли проиндексировать страницы SPA сайта. Задача решаемая, требующая немного дополнительной работы. В тоже время поисковые системы начинают учиться индексировать SPA сайты и возможно в скором будущем SEO для SPA сайтов не будет отличаться от SEO для обычных сайтов.

Существует три основных фреймворка для разработки SPA: React, Angular и Vue. Любой из этих фреймворков является отличным инструментом для разработки SPA сайта (PWA приложения) и выбор какого-либо из них это всего лишь предпочтения и вкусы разработчиков. Мы разрабатываем PWA / SPA сайты (приложения) на React.

Нужен качественный сайт, который одновременно будет являться мобильным приложением? Звоните!


Наши работы

aerialscoop.com
fxsigo.com
bea-club.ru
uvo-oxrana.ru
beautyspirit.ru
spglasses.com
vam-posylka.com
irbis-fur.ru
prorab53.ru