Коли швидкість сайту починає впливати на переходи?

1. Крім того, Google почав використовувати індексацію Mobile First
2. 1 Як швидко розміщуються сайти?
3. Згідно з Pingdom:
4. 2. Дізнайтеся, як погано швидкість вашого сайту насправді
5. 1. Google Analytics
6. 2. Перевірте свій сайт у Пінгдом наприклад
7. 3. Виконайте a WebPagetest
8. 3 Як оптимізувати для кращої швидкості сайту
9. 1. Підібрати низьковиглянуті фрукти через Засоби швидкого тестування Google рекомендації.
10. 2. Пристосуйте свій мобільний контент: фокусування та зменшення масштабу!
11. 3. Завантаження вмісту під час прокрутки (Lazy loading)
12. 4. Використовуйте CDN (мережі доставки контенту)
13. 5. Розгляньте можливість використання AMP (прискорених мобільних сторінок)
14. 4 Встановіть бюджет виконання для постійної оптимізації
15. Резюме

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

Існує безліч прикладів того, як швидкість сайту впливає на переходи та швидкість очікувань відвідувачів вашого сайту. Коротка версія:

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

Крім того, швидкість сайту є SEO фактором, який Google дивиться, коли справа доходить до рейтингу.

Крім того, Google почав використовувати індексацію Mobile First

Компанія Google почала індексувати та визначати результати пошукового рангу SEO на основі мобільного вмісту та досвіду сайту, тому більше не тільки робочий стіл. Це означає, що швидкість сайту (і загальний досвід) вашого мобільного сайту також вплине на SEO новим, більш складним способом. Детальніше читайте тут .

Швидкість вашого сайту можна порівняти з вашим рейтингом переходів : зовнішні фактори мають значення, і ви завжди хочете порівняти їх із самим собою. Тести - хороші інструменти, які можуть показати вам шлях. Нижче ми наведемо приклади різних джерел і беремо на себе те, що є "хорошим" часом завантаження, і які аспекти впливають на те, як він вимірюється.

1 Як швидко розміщуються сайти?

Дослідження з Radware 2015 показує, що 100 кращих сайтів електронної комерції мають середній час завантаження 5,5 секунд (настільний), тоді як відвідувачі очікують, що це буде 2-3 секунди. В той самий час, 9 з 10 мобільних користувачів очікувати, що мобільні сайти завантажуватимуться швидше, ніж сайти на робочому столі.

Очікується, що сайти будуть швидшими, але в той же час вони зростають . Просто між 2014 - 2015 роками середня площа зросла майже на 70% . Ми додаємо більше вмісту, зображень, відео та інших речей, які роблять наші сайти зростаючими і, в свою чергу, роблять їх повільніше. Це збільшує необхідність оптимізації та скорочення швидкості сайту.

Згідно з Pingdom:

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

• 100 найпопулярніших у світі сайтів електронної торгівлі завершено завантаження - якщо вони були оптимізовані - за 2,51 секунди.
• Топ-100 газет і журналів завантажуються за 4,6 секунди.
• Порівняйте це з 5.48 секундами для найбільших блогів .

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

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

2. Дізнайтеся, як погано швидкість вашого сайту насправді

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

1. Google Analytics

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

Ці звіти знаходяться під Поведінкою -> Швидкість сайту
(Натисніть, щоб збільшити)

Єдине, що добре відстежувати - це зразок завантаження сторінки, який показує, скільки переглядів Google використовував для обчислення всіх значень. Насправді Google перевіряє лише речі 1% відвідувачів . Якщо на вашому сайті існує відносно невелика кількість відвідувачів, можливо, доведеться збільшити цей зразок, щоб у вас було більше даних для прийняття рішень.

Ми розглянули шведський сайт електронної торгівлі (близько 4 мільйонів зразків), час завантаження якого в Analytics протягом 2016 року прийшов до таких висновків:

• Середній час завантаження для робочого столу становить 4,2 с
  (це на 1-2 рази повільніше, ніж очікують відвідувачі)
• Час завантаження мобільних пристроїв на 1,6 рази повільніше, ніж робочий стіл (де відвідувачі очікують, що мобільний сайт буде швидшим)
• Швидкість мобільного сайту зменшилася на 1,2% порівняно з 2015 роком (з 7,0 до 5,8)

2. Перевірте свій сайт у Пінгдом наприклад

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

Щоб швидко виконати тести на URL, ви можете спробуйте тут безкоштовно .

3. Виконайте a WebPagetest

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

3 Як оптимізувати для кращої швидкості сайту

Добре, тепер ви знаєте більше про те, що відбувається, але як ви повинні діяти, щоб оптимізувати швидкість вашого сайту?

1. Підібрати низьковиглянуті фрукти через Засоби швидкого тестування Google рекомендації.

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

Використовуйте інструмент, щоб знайти те, що потрібно для роботи.

Перейдіть на інструмент Google Speed ​​Testing Tool

2. Пристосуйте свій мобільний контент: фокусування та зменшення масштабу!

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

Зачекайте деякий час (подивіться на дані користувача): Які найважливіші цілі ваших мобільних користувачів? Що реально роблять мобільні відвідувачі на вашому сайті? Масштабуйте і видаліть будь-який непотрібний пух. Пам'ятайте: менший сайт = швидше швидкість сайту. Наприклад, чи використовують ваші відвідувачі ваш мобільний сайт для пошуку контактних даних або найближчого магазину? Якщо це так, видаліть останню секцію новин, нерелевантні відео про ваше бачення тощо. Проте, не забудьте спочатку визначити, які частини вашого сайту відповідають вашим мобільним відвідувачам, і як завжди: перевіряйте, аналізуйте, покращуйте!

3. Завантаження вмісту під час прокрутки (Lazy loading)

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

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

4. Використовуйте CDN (мережі доставки контенту)

CDN надає користувачам декілька різних вузлів, які рознесені по всьому світу, де вони можуть завантажувати вміст (наприклад, зображення та JavaScript). Це збільшує швидкість сайту, оскільки сервер вузла може бути набагато ближче до користувача і має кешований вміст.

CDN - це послуга, яку ви купуєте у третьої сторони, а вартість буде використовуватися набагато ефективніше, якщо ви переходите перші кроки.

5. Розгляньте можливість використання AMP (прискорених мобільних сторінок)

- Чи може новий стандарт Google для мобільних пристроїв прискорити ваш сайт?

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

Facebook використовує миттєві статті, що в основному те ж саме.

Коротше кажучи, стандарт AMP пристосовуватиме типи елементів HTML, які можна використовувати на вашому мобільному сайті, JavaScript третьої сторони не допускається, а сайти AMP кешуються Google, щоб переконатися, що вони надаються швидше. Речі, які зазвичай сповільнюють швидкість сайту, такі як спливаючі вікна та JavaScript третьої сторони, не просто не дозволені або дуже обмежені.

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

The Washington Post випробування AMP і покращили час завантаження на 88% . У той же час, ви повинні знати, що стандарт AMP, разом з Google, диктуватиме терміни і обмежуватиме вас, коли мова йде про те, що ви можете і не можете робити зі своїм власним сайтом.

4 Встановіть бюджет виконання для постійної оптимізації

Добре, ви зробили ще одну роботу, щоб покращити швидкість вашого сайту. Але що тоді? Як і у випадку з рейтингом переходів, ви ніколи не закінчуєте (вибачте!). Що ви можете зробити, щоб переконатися, що ви не забудете працювати безперервно зі швидкістю сайту?

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

Резюме

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

1. Дізнайтеся, як повільно ваш сайт насправді за допомогою, наприклад, Google Analytics або Pingdom
2. Почніть оптимізувати області, які пропонує Google
3. Тримайте фокус швидкості сайту, постійно працюючи з бюджетом продуктивності