Оптимізація зображень у веб-формі та 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 $ на місяць.

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

Коментарі
Готові шаблони веб-форм
Platinum

Який ти інноватор?

Шаблон тестування в гральній формі допоможе з'ясувати вашому користувачеві, дозволить в якій мірі він інноватор в робочому процесі Докладніше
Platinum

Який ти супергерой в IT?

Шаблон тестування в гральній формі допоможе з'ясувати вашим користувачем, який він супергерой в IT Докладніше
Platinum

Тест на знання світових столиць

Пройдіть тест на знання світових столиць. Дізнайтеся Ваш рівень Докладніше
Platinum

Підбір автозапчастини

Шаблон у вигляді заявки, де користувач може вибрати марку авто, рік випуску, вказати дані з техпаспорта, контактні дані. Ви можете відредагувати шаблон під свої потреби Докладніше

Замовте розробку форми під ключ

Немає часу розбиратися з усіма налаштуваннями самому? Не проблема!
Замовте розробку веб-форми у нас