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

Добрий день.

Тепер у налаштуваннях форми у вас є можливість включити оптимізацію зображень, що використовуються у веб-формі, і підключити CDN.

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

Крім того, ваші зображення, javascript і css файли будуть завантажені в CDN Amazon CloudFront - це географічно розподілена мережева інфраструктура, що забезпечує швидку доставку контенту користувачам з різних регіонів.

Завдяки цьому загальний розмір всіх файлів значно зменшиться, а швидкість завантаження форми збільшиться.

Як приклад, давайте розглянемо 2 форми: першою оптимізація зображень і CDN підключені і другу таку ж форму, але з відключеною оптимізацією. За основу візьмемо наш готовий шаблон "Виготовлення сходової конструкції".

Форма з відключеною оптимізацією

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

Отже, у формі з відключеною оптимізацією бачимо такі дані:

1. Загальний час завантаження сторінки – 837 мсек.
2. Загальний об'єм даних - 502.34 кб

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

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

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

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

1. Загальний час завантаження сторінки – 671 мсек.
2. Загальний об'єм даних - 363.07 kB
3. Усі JS, CSS та зображення завантажуються з CDN CloudFront

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

Грунтуючись на отриманих результатах, можна зробити такі висновки:

1. Швидкість завантаження збільшилась на 20%
2. Загальний обсяг даних зменшився на 28%

Тут варто сказати, що результати у всіх будуть різні. Це залежить від географічного розташування та самих зображень: їх кількості та якості.

Як включити оптимізацію та CDN у своїй веб-формі?

Для того, щоб увімкнути оптимізацію, необхідно перейти в налаштування потрібної веб-форми в розділ “Оптимізація та CDN”:

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

На сьогодні це все. Вдалого дня!