Клиентский рендеринг (CSR)

[asikurrahmanshuvo]

Не идеально! Так какова альтернатива? Есть ли способ сделать страницы более быстрыми для пользователей и предотвратить их отскакивание?

Клиентский рендеринг (CSR) — это процесс рендеринга контента в браузере с помощью JavaScript. Когда делается запрос на веб-страницу, использующую CSR, сервер отправляет обратно HTML-документ-заполнитель с файлом JavaScript, который будет отображать остальную часть страницы и заполнять пробелы в браузере. Веб-сайты, использующие CSR, часто используют «скелетные загрузчики» — анимированные заполнители пользовательского интерфейса, которые имитируют макет веб-страницы, в то время как JavaScript извлекает данные, создает HTML и добавляет его на страницу. Мы используем скелетные загрузчики в приложении Netlify, пока заняты получением ваших данных в фоновом режиме.

Панель мониторинга сайтов Netlify, показывающая анимированные светло-серые скелетные загрузчики до того, как данные сайта станут доступны.

КСО становилась все более популярной с массовым внедрением JavaScript в браузеры в конце 1990-х годов. Его место в качестве основного компонента в веб-экосистеме еще больше укрепилось с ресурс whatsapp для оаэ развитием технологий внешнего интерфейса одностраничных приложений (SPA), таких как React. Как и SSR, CSR лучше всего подходит для динамически обновляемых данных, но имеет некоторые недостатки.

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

Кроме того, CSR может ухудшить ваш рейтинг в поисковых системах. Большинство поисковых систем могут сканировать только контент, возвращаемый URL-адресом, а не результат того, что может произойти в браузере. Если вы используете CSR для рендеринга всего вашего веб-сайта, поисковые системы смогут читать только ваш заполнитель, а не богатый контент, загружаемый с помощью JavaScript. Хотя технологии развиваются. Выпустив большие обновления Googlebot в 2019 году, Google заверил нас, что «современный JavaScript больше не является блокировщиком SEO». Но в 2023 году многие люди также используют альтернативные поисковые системы. Независимо от технологии веб-сканирования, всегда стоит стратегически подходить к выбору контента, который вы выбираете для загрузки с помощью CSR, чтобы обеспечить оптимальное взаимодействие с пользователем.