Как компания Bookaway оптимизировала производительность для...

174

Как компания Bookaway оптимизировала производительность для обслуживания глобальной аудитории

bookaway.com обслуживают международную аудиторию, поэтому компания осознала необходимость учета различных условий работы сети и возможностей устройств в разных регионах.

Также были выявлены сезонные тенденции, влияющие на показатели производительности, например, увеличение трафика из стран с теплым климатом в зимние месяцы.

Для мониторинга производительности сайта в режиме реального времени они использовали Next.js.

Показатели CWV хранились в BigQuery, а визуализация данных осуществлялась с помощью Looker Studio, что позволило получить представление о пользовательском опыте и выявить проблемы с производительностью.

Была рассмотрена возможность перехода от динамического отображения контента (требующего обработки на внутреннем сервере) к статическому отображению контента (доставка предварительно сгенерированных HTML-файлов).

Этот переход был направлен на снижение TTFB и повышение воспринимаемой скорости работы сайта.

В качестве решения CDN была выбрана сеть Amazon AWS CloudFront благодаря ее надежной инфраструктуре и глобальной сети граничных узлов.

CDN кэширует предварительно отрендеренные HTML-страницы на граничных серверах, расположенных вблизи местоположения пользователей, что позволяет сократить задержки и улучшить время загрузки.

CDN также обеспечила дополнительный уровень безопасности, повысив устойчивость сайта к DDoS-атакам.

При этом возникли проблемы с выпадением редко посещаемых страниц из кэша CDN.

Они применили стратегию stale-while-revalidate, позволив CDN раздавать несвежую страницу, одновременно проверяя ее свежесть на исходном сервере.

Реализация CDN позволила сократить время LCP с 3,5 до 2 секунд, а стратегия stale-while-revalidate - до 1,7 секунды.

Реализация CDN значительно уменьшила TTFB, что способствовало сокращению времени LCP.

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

Bookaway узнали о взаимозависимом характере показателей производительности веб-сайтов и о том, как улучшения в одной области могут повлиять на другие.

Они осознали, что их понимание может отличаться от понимания других, а фокус на конкретных показателях CWV может быть разным.

Реализовав эти стратегии, компания Bookaway смогла оптимизировать свою производительность для эффективного обслуживания глобальной аудитории, обеспечив стабильную и быструю работу сайта в разных регионах и в разное время года.

Все подробности как они все это сделали по ссылке.

@MikeBlazerX