Статические сайты с актуальными остатками
Вам нужен быстрый сайт. Вам также нужны точные данные о наличии товаров. Большинство выбирает что-то одно. Либо скорость, либо точность. Вам не обязательно так делать.
Статические сайты работают быстро. Но данные устаревают между сборками. Загрузка данных на стороне клиента обеспечивает точность. Но она добавляет индикаторы загрузки. Индикаторы загрузки портят пользовательский опыт.
Используйте два уровня истины.
Первый уровень обслуживает внешние системы.
- Используйте данные на этапе сборки для Google и Meta.
- Это предотвращает показ рекламы проданных товаров.
- Скрипт синхронизации поддерживает актуальность этих данных.
Второй уровень обслуживает ваших посетителей.
- Рендерите сетку магазина как статический HTML.
- Исходите из того, что товары есть в наличии.
- Используйте небольшой скрипт для обновления интерфейса после загрузки страницы.
- Это позволяет скрыть кнопку покупки для проданных товаров.
Этот подход избавляет от состояний загрузки. Страница кажется мгновенной. Если ваш API даст сбой, сайт все равно будет работать. Пользователи смогут просматривать товары и добавлять их в корзину. Если товар продан, корзина отклонит запрос.
Ошибка в корзине лучше, чем пустой экран.
Используйте это для магазинов с низким трафиком. Это подходит для продажи искусства или нишевых товаров. Не используйте это для флеш-распродаж. Высокий трафик требует строгих проверок.