Оптимизация изображений в веб-форме и CDN
Добрый день.
Теперь в настройках формы у вас есть возможность включить оптимизацию используемых в веб-форме изображений и подключить CDN.
Подключив эту функцию вы можете не обрабатывать изображения, загружая их в форму. Мы это сделаем автоматически. Ваши изображения в форме, будут автоматически сжаты и преобразованы до нужного размера "на лету".
Кроме этого ваши изображения, javascript и css файлы, будут загружены в CDN Amazon CloudFront — это географически распределённая сетевая инфраструктура, обеспечивающая быструю доставку контента пользователям из разных регионов.
Благодаря этому общий размер всех файлов значительно уменьшится, а скорость загрузки формы увеличится.
В качестве примера, давайте рассмотрим 2 формы: в первой оптимизация изображений и CDN подключены и вторую такую же форму, но с отключенной оптимизацией. За основу возьмем наш готовый шаблон “Изготовление лестничной конструкции”.
Форма с отключенной оптимизацией
Для анализа воспользуемся инструментами разработчика встроенными в браузер и посмотрим, общее время загрузки и объем данных, которые загружаются в форме:
Итак, в форме с отключенной оптимизацией видим такие данные:
- Общее время загрузки страницы - 1.34 сек.
- Общий объем данных - 504.91 kB
Тут стоит сказать, что на самом деле в этой форме используется уже подготовленные изображения нужного размера, поэтому общий объем данных достаточно низкий.
Форма с включенной оптимизацией и CDN
Давайте посмотрим теперь на результаты, если мы включим оптимизацию и CDN в этой форме.
После включения оптимизации с CDN мы видим такие результаты:
- Общее время загрузки страницы - 840 мсек.
- Общий объем данных - 363.79 kB
- Все JS, CSS и изображения загружаются с CDN CloudFront
Результаты оптимизации
Основываясь на полученных результатах можно сделать такие выводы:
- Скорость загрузки увеличилась на 37%
- Общий объем данных уменьшился на 28%
Тут стоит сказать, что результаты у всех будут разные. Это зависит от географического расположения и самих изображений: их количества и качества.
Как включить оптимизацию и CDN в своей веб-форме?
Для того, чтобы включить оптимизацию необходимо перейти в настройки нужной веб-формы в раздел “Оптимизация и CDN”:
Далее необходимо нажать на кнопку “Оплатить” и выбрать период, на который необходимо подключить услугу. После того, как вы оплатите, данная услуга будет подключена в этой форме. Стоимость составляет всего 0.99$ в месяц.
На сегодня это все. Удачного дня!
