Техническое задание: Комплексная оптимизация и доработка сайта на Tilda

Основная цель

Повысить производительность, исправить технические ошибки и улучшить пользовательский опыт сайта, созданного на платформе Tilda.

Блок 1: Анализ и аудит производительности

• Проанализировать отчет PageSpeed Insights и извлечь ключевые метрики (Performance, Accessibility, Best Practices, SEO) отдельно для десктопной и мобильной версий.
• Составить сравнительную таблицу метрик (общая скорость, LCP, FID, CLS) до и после проведения оптимизационных работ.
• Выявить самые ресурсоемкие элементы сайта: видеофайлы, изображения, скрипты.

Блок 2: Оптимизация загрузки и кода

• Для обнаруженных тяжелых видеофайлов внедрить отложенную загрузку (lazyload) и оптимизировать битрейт без видимой потери качества.
• Найти блокирующие загрузку страницы JavaScript и CSS файлы, вынести их в асинхронную загрузку.
• Проанализировать сторонние скрипты (аналитика, рекламные пиксели, CDN) и оставить только необходимые для работы сайта.
• Проверить наличие дублирующихся библиотек (например, jQuery, OwlCarousel) и устранить повторные подключения.

Блок 3: Исправление ошибок и доработка функционала

• Исправить неработающую кнопку "Посмотреть в ..." в разделе туров.
• Исправить неработающую кнопку "Уточнить даты" в разделе с ценами.
• Устранить ошибку с затемнением и неактивностью экрана при возврате на сайт со страницы контактов (по нажатию кнопки "Назад" в браузере).

Блок 4: Оптимизация медиаконтента

• Провести оптимизацию видео: сократить их вес, тяжелые ролики перенести на 2-3 экран страницы для приоритизации загрузки.
• Оптимизировать все изображения на сайте: конвертировать форматы PNG в современный WebP и выполнить сжатие без потери видимого качества.
• Убедиться, что у всех изображений прописаны атрибуты ширины (width), высоты (height) и альтернативного текста (alt) для стабильности макета (CLS) и SEO.

Блок 5: Контент-аудит и презентация

• Обновить текстовый контент на сайте согласно требованиям.
• Обновить баннер-превью (og-изображение) сайта.
• Проверить корректность отображения ссылок на сайт при публикации в социальных сетях и мессенджерах.