Тотальный разбор лендинга на сайте Мэра Москвы с точки зрения веб-разработчика

Разбираем то, как сделан лендинг на сайте Мэра Москвы - Нас интересует внутреннее устройство, подходы к решению задачи и то, какие проблемные места имеются. Содержание: 00:00 Введение. 00:32 Результаты PageSpeed. 01:21 Начинаем разбор с разметки. Тег html и скрипт, меняющий его классы. Локальное переопределение с помощью DevTools Chrome. 05:23 Возможная оптимизация картинок техникой Lazy Load. 07:31 CMS NetCat, использованная при создании этого лендинга и зачем оно тут надо. 09:17 Удаление Local Overrides и масштабирование десктопной версии с помощью rem. Переключение на моб.версию. 11:49 Про прелоадер сайта. Тег base и как это влияет на загрузку ресурсов. Директива для старых IE. Viewport, title, description, OpenGraph. Скрипты в head. 15:59 Проблема дублирующихся загрузок шрифтов из-за iframe'ов. 17:36 Стили для внедренных стилей хедера и футера на React'е. 18:41 Стилевой файл основного содержимого, его состав. 20:14 Дублирующиеся ha