Демо
Сайт до и после
Демо-проект. Данные тестовые
Показываю разницу на примере вымышленной кофейни: заведомо устаревший сайт и его переработанная версия, которые можно сравнить на одном экране.
Что показывает
- Переключатель «До» / «После» и режим «Рядом» на широком экране
- Вид на телефоне и на компьютере
- Что именно изменилось и замеры Lighthouse обеих версий
Попробовать
Кофейня «Демо»: сайт до и после
Вымышленная кофейня: одно и то же содержимое в устаревшей и в переработанной версии. Переключайте версию и устройство.
До
Кофейня «Демо» | Свежеобжаренный кофе и домашняя выпечка Акция дняГорячие ценыХит сезонаНовинка |
Акция дня Горячие цены Хит сезона Новинка Вы наш посетитель № 000123 | Небольшая кофейня на углу: зерно обжариваем сами, выпечку делаем по утрам. Меню
| Часы работы
Контакты Адрес: ул. Примерная, 1 |
Что изменилось
- Структура: вместо вложенных таблиц — смысловые блоки: шапка, меню, часы работы, контакты.
- Мобильная версия: макет подстраивается под ширину экрана, в рамке телефона нет горизонтальной прокрутки.
- Читабельность: крупнее шрифт, достаточный контраст, понятные заголовки и цены.
- Скорость: более лёгкое оформление и более быстрая загрузка; числа замеров ниже.
- Современный стек: новая версия собрана из компонентов на React и Next.js, а не из таблиц.
Замеры Lighthouse
| Показатель | До | После |
|---|---|---|
| Производительность | 92 | 100 |
| Доступность | 96 | 100 |
| Лучшие практики | 100 | 100 |
Lighthouse, мобильный профиль, медиана 3 замеров, 15.11.2026, служебные демо-страницы. В страницы входят общие шапка, подвал и баннер cookie сайта, поэтому разрыв меньше. SEO не показан: служебные страницы закрыты от индексации.
Такую работу заказывают как
- Редизайн сайта
Для сайта, который работает, но выглядит устаревшим и неудобен с телефона.
- Ускорение сайта
Для сайта, который долго открывается с телефона и теряет посетителей ещё до загрузки.
- Перенос сайта с конструктора или CMS
Для сайта на конструкторе или старой CMS, когда платформа ограничивает или обходится слишком дорого.
- Мобильная адаптация сайта
Для сайта, которым неудобно пользоваться с телефона: мелкий текст, съехавшие блоки, недоступные кнопки.
Контакты
Расскажите о задаче — отвечу и предложу варианты решения. Или напишите напрямую в удобный мессенджер.