ТО, НА ЧЕМ ВСЕ ДЕРЖИТСЯ…

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

Стек:

Linux (Ubuntu Server) + Nginx + MySQL + PHP-FPM (LEMP).
Docker(Docker Compose).
WordPress (чистая монолитная установка без избыточных плагинов).
Облегченная тема, кастомные анимации на чистом CSS и Native JavaScript (matrix-rain.js, pill-toggle.js).

Архитектура и сетевая безопасность.

1. Контейнеризация и Изоляция (Docker):
Весь стек веб-приложения полностью изолирован от хост-системы и развернут внутри Docker-контейнеров посредством docker-compose. Бэкенд-сервер, база данных MySQL и вспомогательные утилиты изолированы в собственной виртуальной подсети Docker. Это гарантирует безопасность хост-машины и исключает засор операционной системы остаточными файлами.

2. Внешний контур (Reverse Proxy на хосте):
Основной веб-сервер Nginx установлен непосредственно на хост-системе и настроен как единая точка входа для внешних запросов. Он отвечает за терминирование защищенных SSL/TLS соединений (Certbot / Let’s Encrypt), отдачу статического контента напрямую и безопасное проксирование динамических запросов внутрь локального порта Docker-контейнера через proxy_pass.

3. Бэкенд (PHP-FPM):
Обработка динамического кода WordPress изолирована на уровне сокетов PHP-FPM, что минимизирует задержки при передаче данных от Nginx.

4. Оптимизация запросов:
СУБД оптимизирована под конфигурацию железа VDS. За счет отсутствия «плагинного ада» и регулярной очистки таблиц, время выполнения SQL-запросов движка к базе данных сведено к микросекундам.

5. Безопасность данных (Docker Volumes):
Из соображений безопасности и отказоустойчивости, контейнеры спроектированы как эфемерные (непостоянные) сущности. Все критически важные данные — файлы WordPress и таблицы базы данных MySQL вынесены за пределы контейнеров и монтируются напрямую с диска хост-машины через механизм Docker Volumes, что позволяет обновлять или пересобирать контейнеры за секунды без риска потери данных.

Результаты профилирования и производительность.

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

Ключевые метрики по результатам тестирования в DevTools (Network):

  • Время отклика сервера (TTFB): 105 мс (при норме для CMS WordPress в 300–600 мс).
    Сервер генерирует и начинает отдавать страницу практически мгновенно.

  • Полный рендеринг страницы (Finish): 283 мс.
    Меньше чем за треть секунды браузер полностью скачивает и отрисовывает все 17 элементов страницы (включая кастомные скрипты анимации).

  • Сетевой вес страницы: Всего 165 кБ, что обеспечивает моментальную загрузку даже в условиях нестабильного мобильного интернета (3G/4G).


Данный кейс доказывает, что классическая и популярная CMS-платформа (WordPress) при правильном системном подходе, чистом коде фронтенда и грамотной настройке связки Nginx+MySQL может работать быстрее и эффективнее, чем современные перегруженные фреймворки.