Оптимизация изображений в веб-форме и CDN

Добрый день.

Теперь в настройках формы у вас есть возможность включить оптимизацию используемых в веб-форме изображений и подключить CDN.

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

Кроме этого ваши изображения, javascript и css файлы, будут загружены в CDN Amazon CloudFront — это географически распределённая сетевая инфраструктура, обеспечивающая быструю доставку контента пользователям из разных регионов.

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

В качестве примера, давайте рассмотрим 2 формы: в первой оптимизация изображений и CDN подключены и вторую такую же форму, но с отключенной оптимизацией. За основу возьмем наш готовый шаблон “Изготовление лестничной конструкции”.

Форма с отключенной оптимизацией

Для анализа воспользуемся инструментами разработчика встроенными в браузер и посмотрим, общее время загрузки и объем данных, которые загружаются в форме:

Итак, в форме с отключенной оптимизацией видим такие данные:

1. Общее время загрузки страницы - 1.34 сек.
2. Общий объем данных - 504.91 kB

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

Форма с включенной оптимизацией и CDN

Давайте посмотрим теперь на результаты, если мы включим оптимизацию и CDN в этой форме.

После включения оптимизации с CDN мы видим такие результаты:

1. Общее время загрузки страницы - 840 мсек.
2. Общий объем данных - 363.79 kB
3. Все JS, CSS и изображения загружаются с CDN CloudFront

Результаты оптимизации

Основываясь на полученных результатах можно сделать такие выводы:

1. Скорость загрузки увеличилась на 37%
2. Общий объем данных уменьшился на 28%

Тут стоит сказать, что результаты у всех будут разные. Это зависит от географического расположения и самих изображений: их количества и качества.

Как включить оптимизацию и CDN в своей веб-форме?

Для того, чтобы включить оптимизацию необходимо перейти в настройки нужной веб-формы в раздел “Оптимизация и CDN”:

Далее необходимо нажать на кнопку “Оплатить” и выбрать период, на который необходимо подключить услугу. После того, как вы оплатите, данная услуга будет подключена в этой форме. Стоимость составляет всего 0.99$ в месяц.

На сегодня это все. Удачного дня!