Что такое одностраничные приложения (SPA)?

Одностраничное приложение (SPA) — это веб-приложение, которое загружает все необходимые HTML, CSS и JavaScript при начальной загрузке страницы, а затем динамически обновляет DOM на основе действий пользователя, создавая у пользователя иллюзию того, что он обращается к разным страницы или пути.

SPA отличаются от традиционного подхода запроса новых веб-документов с внутренних серверов на основе действий пользователя, иногда называемого рендерингом на стороне сервера (SSR) или многостраничными приложениями (MPA).

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

Одним из основных недостатков SPA является поисковая оптимизация (SEO). Действительно, поскольку страницы SPA не являются отдельными веб-ресурсами, как для традиционного веб-сайта, поисковые роботы и поисковые системы рискуют не найти все эти вложенные пути, что может сделать целые веб-сайты на основе SPA недоступными для поиска в основных поисковых системах, за исключением индекса. страница.

Обратите внимание, что Google реализует парсинг, отображаемый клиентом, и выполняет код JavaScript, и поэтому не подвержен этой проблеме. Однако выполнение JavaScript-кода SPA требует времени, а это означает, что SPA могут быть оштрафованы в рейтинге из-за производительности.