Аналітика та тестуванняВміст МаркетингЕлектронна комерція та роздрібна торгівляМобільний та планшетний маркетингSearch Marketing

Чому швидкість сторінки критична? Як перевірити та вдосконалити своє

Більшість сайтів втрачають близько половини відвідувачів через повільну швидкість сторінки. Насправді середня веб-сторінка для робочого столу показник відмов - 42%, середній показник відмов веб-сторінки для мобільних пристроїв становить 58%, а середній показник відмов цільової сторінки після натискання становить від 60 до 90%. Не втішати цифри будь-якими способами, особливо враховуючи, що використання мобільних пристроїв продовжує зростати, і з кожним днем ​​стає все важче залучити та утримати увагу споживачів.

За даними Google, середній час завантаження сторінки для верхні цільові сторінкивсе ще є мляві 12.8 секунди. Сюди входять місця, де поширений мобільний доступ до Інтернету, і швидкість 4G є однією з найвищих у світі. 

Ця середня швидкість сторінки занадто довга, враховуючи, що 53% користувачів залишають сторінки лише через 3 секунди - і з цього часу вона лише погіршується:

Швидкість сторінки та швидкість відмов

Тоді яка хороша швидкість завантаження сторінки? Майже миттєво

На щастя, є рішення. Перш ніж ми дійдемо до цього, давайте розкриємо більше про важливість швидкості сторінки.

Чому швидкість сторінки важлива

eMarketer показує, що в 2019р глобальні витрати на цифрову рекламу перевищать 316 доларів мільярд і лише очікується збільшення в найближчому майбутньому:

Витрати на цифрову рекламу з 2017 по 2022 роки

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

Вплив на швидкість сторінки величезних витрат, і ви повинні абсолютно визначити швидкість сторінки пріоритетом для просування вперед. Ось декілька показників та моментів, які слід враховувати під час оцінки власних цифрових рекламних кампаній:

Показники якості

Не тільки повільні завантаження сторінок розчаровують користувачів, але це також спричиняє страждання за показниками якості. Оскільки показник якості безпосередньо пов'язаний з вашим рейтинг оголошення, і, зрештою, те, що ви могли б заплатити за кожен клік, повільно завантажувана сторінка, природно, зменшує бали.

Коефіцієнти конверсії

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

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

Мобільний досвід

На половині 2016 року використання мобільного Інтернету пройшов обсяг робочого столу в обсязі:

Графік переглядів настільних комп’ютерів для мобільних пристроїв

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

Що підводить нас до рішення швидкості сторінки №1, яке вирішує кожну з цих проблем.

Цільові сторінки AMP збільшують швидкість сторінки

AMP, фреймворк з відкритим кодом представлений у 2016 році, дає можливість рекламодавцям створювати блискавично швидкі мобільні веб-сторінки з плавним завантаженням, які надають перевагу зручності для користувачів понад усе. 

Сторінки AMP привабливі для рекламодавців, оскільки вони забезпечують майже миттєвий час завантаження, зберігаючи при цьому певні налаштування стилю та бренду. Вони дозволяють швидше відтворювати цільову сторінку після натискання, оскільки обмежують HTML / CSS та JavaScript. Крім того, на відміну від традиційних мобільних сторінок, сторінки AMP автоматично кешуються кеш-пам’яттю Google AMP для швидшого завантаження в пошуку Google.

Як лідер в оптимізації після натискання, Instapage пропонує можливість створювати цільові сторінки після натискання, використовуючи фреймворк AMP:

Прискорені мобільні сторінки (AMP)

З Конструктор AMP на сторінці, маркетологи та рекламодавці можуть:

  • Створюйте цільові сторінки AMP після клацання безпосередньо з платформи Instapage без розробника
  • Перевірте, A / B-тест і опублікуйте сторінки AMP у WordPress або користувацькому домені
  • Забезпечте кращий мобільний досвід, підвищте показники якості та збільште кількість конверсій
AMP Прискорена перевірка мобільних сторінок
Прискорена перевірка мобільних сторінок (AMP)

Революційна компанія слухових апаратів Eargo досягла неймовірних результатів після впровадження AMP у свій досвід після натискання:

Цільові сторінки AMP від ​​Instapage

Цільові сторінки AMP з Instapage

Окрім створення сторінок AMP за допомогою Instapage, є ще кілька способів покращити швидкість сторінки. Ось три з них для початку.

3 Інші способи покращення швидкості сторінки

1. Використовуйте інструменти швидкості сторінки

PageSpeed ​​Insights - це тест на швидкість Google, який оцінює вашу сторінку від 0 до 100 балів:

статистичні дані про швидкість сторінок

Оцінка базується на двох параметрах:

  1. Час завантаження вгорі сторінки (загальний час, коли сторінка відображає вміст у верхній частині сторінки після того, як користувач запитує нову сторінку)
  2. Час завантаження на всю сторінку (час, який потрібен браузеру, щоб повністю відтворити сторінку після того, як користувач її запитує)

Чим вищий ваш бал, тим оптимізованішою є ваша сторінка. Як правило, усе, що перевищує 85, означає, що ваша сторінка працює добре. Нижче ніж 85, і ви повинні переглянути пропозиції, подані Google, щоб підвищити ваш бал.

PageSpeed ​​Insights надає звіти як для настільних, так і для мобільних версій вашої сторінки, а також пропонує рекомендації щодо вдосконалення.

Подумайте з Google: протестуйте мій сайт, запущений командою PageSpeed ​​Insights, протестує лише швидкість мобільних сторінок, на відміну від мобільних та настільних комп’ютерів. Це ще один показник того, наскільки швидко (або повільно) завантажуються ваші сторінки:

думаю, за допомогою Google перевірити мій сайт

Цей інструмент відображає час завантаження, надає власні рекомендації щодо прискорення кожної сторінки на вашому сайті, а потім пропонує можливість створити повний звіт.

2. Повністю оптимізовані зображення (стиснення)

Оптимізація зображень за допомогою стиснення, зміни розміру, переформатування тощо може допомогти заощадити байти, пришвидшити час завантаження сторінки та покращити продуктивність мобільних сайтів. Серед інші найкращі рекомендації, Google закликає видаляти непотрібні зображення високої роздільної здатності та GIF-файли та замінювати зображення текстом або CSS, коли це можливо. 

Крім того, тепер простіше, ніж будь-коли, подавати стиснені та змінені зображення, оскільки ці налаштування можна автоматизувати. Наприклад, ви можете мати сотні зображень, які автоматично змінюються та стискаються за допомогою сценарію, зменшуючи ручну роботу (під час створення сторінок AMP користувацькі теги зображень роблять багато з тих самих оптимізацій автоматичними).

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

  • WebP: Фотографічні та напівпрозорі зображення
  • JPEG: Фотографії без прозорості
  • PNG: Прозорі фони
  • svg: Масштабовані значки та фігури

Google рекомендує починати з WebP, оскільки він дозволяє на 30% більше стиснення, ніж JPEG, без втрати якості зображення.

3. Розмістіть пріоритети над вмістом, що складається зі сторінки

Поліпшення сприйняття користувачами швидкості сайту майже настільки ж важливе, як і покращення самої швидкості сайту. Ось чому, як тільки ваші зображення будуть оптимізовані, ви повинні переконатися, що вони доставлені в потрібний момент.

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

Примітка. Що допомагає зробити AMP унікальним, це те, що він має вбудований пріоритетний режим завантаження ресурсів, гарантуючи, що спочатку завантажуються лише найважливіші ресурси.

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

Збільште швидкість сторінки за допомогою AMP

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

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

Тайсон Квік

Тайсон Квік - засновник та генеральний директор Instapage, лідера в оптимізації після натискання. Він заснував Instapage у 2012 році, побачивши, як маркетологи продуктивності та зростання втрачають гроші в недостатньо ефективних рекламних кампаніях. З тих пір його баченням було створення набору продуктів для оптимізації після натискання, які максимізують віддачу завдяки персоналізації реклами.

Статті по темі

Догори кнопки
близько

Виявлено блокування реклами

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