1. Мінімізуйте запити браузера
2. Знизьте кількість плагінів
3. Зменшіть розмір сторінок
4. Увімкніть кешування браузером
5. Мінімізуйте вага зображень
6. Розмір зображення
7. формат зображення
8. Атрибут src
9. скоротіть редіректи
10. Використовуйте мережу доставки контенту (CDN)
11. висновок

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

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

• - 47% інтернет-користувачів хочуть, щоб веб-сторінки завантажувалися протягом двох секунд;
• - 40% користувачів покинуть сторінку, якщо час її завантаження перевищить три секунди;
• - 52% інтернет-покупців говорять про те, що схильні більше довіряти веб-сайтів зі швидким завантаженням.

Але це тільки початок. Дослідження Akamai і Gomez показує, що 79% користувачів ніколи не повернуться на сайт, у якого виникають проблеми із завантаженням. Більш того, 44% цих користувачів поділяться негативними враженнями зі своїми друзями і порекомендують їм триматися подалі від цього сайту. Таким чином, можна втратити не тільки фактичних відвідувачів сайту, але і потенційних.

У дослідженні також наводяться дані про те, що у сайтів, що завантажуються за 3 секунди, на 22% менше переглядів сторінок, на 50% вище показник відмов і майже на 22% нижче конверсія в порівнянні з тими, тривалість завантаження яких становить не більше секунди. Якщо ваш сайт завантажується за 5 секунд, статистика буде ще більш гнітючою: переглядів сторінок буде менше на 35%, показник відмов перевищить 105%, а рівень конверсії знизиться на 38%.

Деякі експерти пішли далі і проаналізували так зване терпиме час очікування користувачами завантаження сторінок сайту. Наприклад, звіт Strange Loop демонструє, що в пікові періоди трафіку понад 75% онлайн-покупців віддадуть перевагу перейти на сайт конкурента, ніж нудитися в очікуванні завантаження. Проте, звіт містить кілька порад, що дозволяють довше утримувати увагу відвідувачів сайту. Наприклад, наявність прогрес-бару, індикатора виконання процесів може спонукати користувачів залишатися на вашому сайті до 38 секунд.

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

Як зменшити час завантаження сайту?

1. Мінімізуйте запити браузера

За даними фахівців Yahoo 80% часу йде на завантаження різних компонентів сторінки, включаючи таблиці стилів, зображення, скрипти, flash-анімацію і т. Д. Пам'ятайте, що для кожного з цих компонентів потрібен окремий HTTP-запит. Отже, чим більше подібних елементів на сторінці, тим довше буде відбуватися її повне завантаження.

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

• - Використовувати меншу кількість елементів на кожній сторінці.
• - Замінити зображення на CSS-властивості там, де це можливо.
• - Об'єднати декілька CSS-елементів.
• - Скоротити скрипти або прибрати їх там, де це можливо.

1. Знизьте кількість плагінів

Модулі можуть бути особливо корисними на таких CMS, як WordPress, проте вони здатні серйозно уповільнити швидкість завантаження сайту. Більш того, надмірне їх кількість створює зайві проблеми при забезпеченні безпеки сайту і інші технічні труднощі.

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

1. Зменшіть розмір сторінок

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

Для того щоб знизити вагу сторінок без шкоди для якості контенту, використовується метод стиснення. У процесі стиснення зменшується розмір кожного файлу, тим самим скорочується час HTTP- відгуку. Поширеним методом для ефективного стиснення сторінок сайту є GZip. Крім того, більшість сучасних браузерів підтримують GZip-стиснення! Статистика Yahoo показує, що цей прийом дозволяє збільшити час завантаження на 70%.

1. Увімкніть кешування браузером

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

Тенни Тойрер (Tenni Theurer), який раніше співпрацював з Yahoo, пояснює, що кешування може зменшити час завантаження сайту до 40%. Це пов'язано з тим, що більшість елементів сторінки, як правило, вже збережені браузером користувача, тому при наступних відвідуваннях залишається довантажити лише малу частину.

1. Мінімізуйте вага зображень

Для картинок важливі три чинники: розмір, формат і атрибут src.

Розмір зображення

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

формат зображення

Завжди використовуйте формат JPEG там, де це можливо. Оскільки такі картинки легше, вони швидше відображаються браузером. Зображення в форматі PNG теж хороші, але можуть не підтримуватися старими браузерами. Що стосується розширення GIF, то його краще використовувати тільки для невеликих за розміром картинок, у випадку з простою графікою або для анімованих зображень. Рекомендуємо уникати таких форматів, як BMP і TIFF.

Атрибут src

Атрибут src використовується в кодуванні, задає URL-адресу зображення в тезі і прописується в лапках. Запис виглядає так: <img src = "">. Обов'язково вказуйте адресу картинки в лапках, не залишайте їх порожніми. В іншому випадку браузер буде відправляти запит на фактичну сторінку, надмірно навантажуючи сервер і збільшуючи тим самим час завантаження.

1. скоротіть редіректи

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

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

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

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

висновок

Жодна компанія не повинна втрачати трафік і упускати конверсію через проблеми із завантаженням сайту. Перевірте швидкість завантаження за допомогою Google Web Analytics або плагіна Google Analytics від Yoast для WordPress і підберіть для себе оптимальний спосіб, який допоможе зменшити час завантаження сайту.