Логотип

Оптимизация и перенос сайта с uCoz конструктора сайтов

Наша работа

Задача: перенести сайт (целевая страница), с uCoz конструктора сайтов на чистый HTML5/CSS3/JS, попутно оптимизировать, для перехода на нормальный хостинг.

Сайт пришлось переверстать с ноля. В качестве базы CSS взят Bootstrap 4.0, при помощи SASS, из него было вырезано все лишнее и оставлен только Flex, Modal и несколько других компонентов. Конечный CSS в несжатом виде имеет размер 22,4кб (после gzip 3,6кб). Основа JavaScript jQuery v3.3.1 и bootstrap.js с удалением лишних компонентов, минимизированный файл имеет размер 108,1кб (после gzip 35,6кб). Изображения были оптимизированы, основной background и favicon также были нарезаны под разные устройства, общий размер изображений удалось сократить с 1.3мб до 55,4кб. Также это коснулось шрифтов и иконок. Убраны неиспользуемые шрифты GoogleFont, а несколько векторных картинок используемых из FontAwesome, были заменены на библиотеку svg, общий размер шрифтов и иконок удалось сократить с 156кб до 26,6кб, а запросы с 8 до 3.

Итог удалось сократить время загрузки целевой страницы на более чем 90%. Для тестов использовался хостинг beget.com.

Демонстрация сайта:

До оптимизации:

После оптимизации: