Час Земли

Совокупность серверов для обслуживания сайта представляла собой вычислительный кластер из 5 машин — одной физической и 4 виртуальных. Непосредственно отдачей содержимого занималась 1 машина, на которую для этих целей был установлен легковесный вэб-сервер Nginx. Его задача — принять запрос пользователя, самостоятельно обработать весь статический контент: изображения, javascript, css, перенаправить запрос к php-скрипту, принять от него сгенерированный результат и отдать готовую страницу пользователю.

Для обеспечения работоспособности сайта при пиковой посещаемости, мы, конечно, обратили внимание на оптимизацию серверной части. И первое, о чем мы подумали — кэш. Для оптимизации работы и снижения рисков в период высокой нагрузки для кеширования использовался Redis (высокопроизводительное распределенное хранилище данных).

Чтобы несколько тысяч человек могли одновременно «зажечь» свои свечи на карте, а нам не приходилось генерировать точки на карте каждый раз заново и увеличивать нагрузку на сервер, мы раз в минуту создавали json-файл, к которому сайт обращался для выставления всех точек. Также мы использовали систему кластеризации, которая под нужный масштаб собирала отметки пользователей в единую точку, с указанием количества вошедших отметок. При клике на общую точку появлялся список всех участников акции.

Чтобы еще больше уменьшить нагрузку на back-end, часть операций и функций была реализован средствами front-end. Для ускорения работы сайта для css и js-скриптов использовалась минимизация с помощью gulp. Для снижения количества запросов к серверу иконки были закодированы в css-файлах в base64. Также была оптимизирована загрузка видеоконтента: чтобы не подгружать сразу js-скрипты (видео) с YouTube, использовалось preview-изображение, а по запросу от пользователя подгружался frame с роликом и скриптами.