Разработка лендинга для онлайн-школы иностранных языков

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

Ключевые технические требования

• Технологический стек: Чистый HTML5, CSS3 и Vanilla JavaScript. Использование CMS, фреймворков или конструкторов не допускается.
• Качество кода: Код должен быть написан вручную, чистым, хорошо структурированным и оптимизированным для производительности. Автосгенерированный код не принимается.

Требования к производительности и оптимизации

• Ленивая загрузка (LazyLoad): Все изображения и сторонние скрипты должны загружаться с использованием механизма lazy load для ускорения первоначальной отрисовки страницы.
• Оптимизация изображений: Каждое изображение должно быть подготовлено и загружено в двух форматах:
  • Современный формат WebP.
  • Формат-фолбэк (JPEG или PNG) для обеспечения совместимости со старыми браузерами.
• Поддержка Retina-экранов: Для каждого изображения необходимо предоставить варианты как для стандартной плотности пикселей (1x), так и для экранов с высокой плотностью (2x).
• Оптимизация ресурсов: Все используемые шрифты, скрипты и изображения должны быть оптимизированы для веба с целью минимизации времени загрузки и расхода трафика.

Ожидаемый результат

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