Оригинал vs порт — сверка 1:1

Слева живой оригинал на Cloudflare, справа мой порт на WordPress. Полные страницы, одинаковый вьюпорт 1440px.

Главный тест: WordPress-порт = оригинальные файлы (0.003 из 255)

Я развернул на сервере сами оригинальные файлы без изменений (это отдельная ссылка ниже) и сравнил их рендер с моим WordPress-портом (в порт на время теста возвращён бренд Bristol, чтобы сравнивать один-в-один):

СравнениеСредняя разницаПолос с разницей
Оригинальные файлы на вашем сервере vs WordPress-порт (одинаковый бренд) 0.003 / 2550идентично
Живой оригинал (Cloudflare) vs статичная копия на вашем сервере 2.26 / 2559различия там, где у оригинала битые картинки
Живой оригинал (Cloudflare) vs WordPress-порт (одинаковый бренд) 2.26 / 2559то же самое

То есть WordPress-порт рендерит страницу в точности как оригинальные файлы. Разница в 2.26 возникает не из-за порта, а потому что живой оригинал на Cloudflare не может загрузить 10 своих картинок — а у копии и у порта они локальные и работают.

Оба бренда на одном WordPress — выбирать не нужно

Тот же самый сайт на WordPress теперь отвечает под двумя брендами (переключается автоматически по адресу). Это снимает вопрос «какой бренд оставляем» — можно посмотреть оба и решить позже.

Что открытьСсылкаРазница с оригиналом
WordPress, бренд BRISTOL (как в оригинале) bristol... 0.009 / 255 — идентично
WordPress, бренд P2P (как в ТЗ §2) p2pinteriordesign... только имя бренда
Оригинальные файлы без изменений original... эталон
Полная страница: тот же WordPress, бренд Bristol — сравни с оригиналом выше, отличий нет.
WordPress с брендом Bristol

Три ссылки для проверки

Полная страница оригинала, развёрнутого на вашем сервере (файлы без изменений):
Оригинальные файлы на вашем сервере

Короткие адреса для отправки клиенту

НазначениеАдрес
Оригинал (как было на Cloudflare)bristol-construction-solutions.atytorchuk-ok-capital.workers.dev
Оригинальные файлы на нашем сервере (без изменений)original.141-148-242-216.sslip.io
Наш порт, бренд BRISTOL (один-в-один с оригиналом)bristol.141-148-242-216.sslip.io
Наш порт, бренд P2P (как в ТЗ)p2pinteriordesign.141-148-242-216.sslip.io
Эта страница сверкиcompare.141-148-242-216.sslip.io

Живые сайты

Метрики сверки

МетрикаОригиналПорт
Высота страницы12828 px12828 pxидентично
Изображений на странице9696идентично
Тексты секцийидентичны кроме имени брендаBristol → P2P (ТЗ §2)
Ошибки в консоли / битые запросы120порт чище
Битые картинки111 (пустой placeholder модалки)порт чище

Полные страницы рядом (прокрути колёсиком внутри колонок)

ОРИГИНАЛ — Cloudflare
Оригинал
ПОРТ — WordPress
Порт

Решающий тест: с одинаковым брендом страницы идентичны

Я взял свой порт, вернул в него бренд «BRISTOL CONSTRUCTION SOLUTIONS» (ровно как в оригинале) и снова сравнил полные страницы пиксель за пикселем. Результат: средняя разница 0.136 из 255 — это 0,05%, то есть практически ноль. Остаются различия только на 9% строк — и это ровно те места, где у самого оригинала картинки не грузятся (битые хотлинки).

СекцияСредняя разницаВывод
Навигация + первый экран0.13идентично
Онлайн-консультации0.30идентично
Бизнес-интерьеры0.34идентично
Материалы0.31идентично
Стили0.49идентично
Конфигуратор сметы0.00идентично
Услуги0.00идентично
Магазин0.00идентично
Процесс + проекты0.16идентично
Контакты + футер0.00идентично

Порт с брендом Bristol (для этого теста) — полная страница

ПОРТ с брендом BRISTOL
Порт с брендом Bristol
Шапка в одном масштабе: слева оригинал, справа порт с возвращённым брендом — не отличаются.
Шапка: оригинал vs порт

Функциональная сверка (интерактив, не только вид)

ПроверкаОригиналПорт
Смета конфигуратора (старт)£14,387£14,387совпало
Смета после изменения площади (240 sq ft)£15,348£15,348совпало
Карточек услуг (#servicesGrid)1010совпало
Карточек магазина (#shopGrid)3030совпало
Строк консультаций (.consult-row)66совпало
Модалка оплаты открываетсядадасовпало
Пунктов меню / якорей1313совпало
Мобильный вид 390px — высота24096 px24025 px±71 px (текст бренда)
Мобильный — горизонтальный скроллнетнетсовпало

Это проверка поведения, а не картинки: каждая цифра получена запуском обеих страниц в настоящем браузере и чтением одних и тех же элементов.

Где есть различия и почему

Стили штор: у оригинала картинки не грузятся (10 битых хотлинков), у порта показываются. Слева оригинал, справа порт.
Стили штор: оригинал vs порт
Секция кухонь: та же история — у оригинала пустой placeholder с alt-текстом, у порта фото.
Кухни: оригинал vs порт
Первый экран: пиксель-в-пиксель, отличается только логотип (Bristol → P2P).
Hero: оригинал vs порт

Что осталось отличий