Билет 3

Отличие MPA и SPA. Сравнение технологий. Преимущества и недостатки.

Существует два способа разработки веб приложений: одностраничные приложения (SPA) и многостраничные приложения(MPA). 

Single Page Application (SPA)

Одностраничные приложения позволяют имитировать работу десктоп приложений. Архитектура устроена таким образом, что при переходе на новую страницу, обновляется только часть контента. Таким образом, нет необходимости повторно загружать одни и те же элементы. Это очень удобно для разработчиков и пользователей. Для разработки SPA используется один из самых популярных языков программирования - javascript. Небольшое веб приложение можно сделать с библиотекой jQuery.

Основные преимуществаSinglePageApplication:

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

2. Высокая скорость разработки. Готовые библиотеки и фреймворки дают мощные инструменты для разработки веб приложений. Над проектом могут параллельно работать back-end и front-end разработчики. Благодаря четкому разделение они не будут мешать друг другу.

3. Мобильные приложения. SPA позволяет легко разработать мобильное приложение на основе готового кода.

При всех своих достоинствах, Single Page Application имеет некоторые недостатки, которые сдерживают рост популярности:

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

2. Неактивный javascript. Некоторые пользователи отключают javascript в своих браузерах, а без него ваше приложение не будет работать.

3. Низкий уровень безопасности.

MultiPageApplication (MPA)

Многостраничные приложения имеют более классическую архитектуру. Каждая страница отправляет запрос на сервер и полностью обновляет все данные. Даже если эти данные небольшие. Таким образом тратится производительность на отображение одних и тех же элементов. Соответственно это влияет на скорость и производительность.

Главные преимуществаMultiPageApplication (MPA):

1. Легкая SEO оптимизация. Архитектура MPA позволяет достаточно легко оптимизировать каждую страницу под поисковые системы.

2. Легкая разработка. Как правило для разработки многостраничного приложения требуется меньший стек технологий.

3. Множество решений.

Недостатки MPA:

1. Для разработки мобильных приложений потребуется намного больше времени. В большинстве случаев потребуется написание back-end с нуля.

2. Сложно разделить front-end и back-end. Как правило они очень тесно взаимодействуют друг с другом. Усложняется работа front-end и back-end разработчиков.

Основным преимуществом МПА является хорошая SEO оптимизация и огромные количество коробочных решений.

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