Швидкість завантаження сторінки

Чому це важливо

Відкриваючи будь-яку сторінку в мережі інтернет, будь це пошта «gmail.com», пошукова система «yandex.ru» або соціальна мережа «vk.com», - ваш браузер витрачає час (як правило, це секунди) на завантаження всіх компонентів сайту: зображення, тексту і решти вмісту сторінки. Час, витрачений на завантаження всіх елементів сторінки, називається «Швидкість завантаження сторінки».

Що говорить офіційна довідка Google:

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

Что говорить офіційна довідка Яндекс:

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

 

Вплив швидкості завантаження на поведінку користувачів:

 ris.1

Мал. 1 Вплив швидкості завантаження на поведінку користувачів

Інструменти

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

Для перевірки швидкості завантаження сторінки в різних регіонах рекомендуємо сервіс Host Traceker.

ris2

Мал. 2 Перевірка по регіонах

Плагін перевірки «Мережа»

Плагін для FireFox «FireBug» містить у собі плагін «Мережа», який також показує докладне завантаження сторінки у вашому регіоні.

За допомогою даного плагіна ви зможете дізнатися, які елементи (скрипти, картинки, flash елементи) збільшують швидкість завантаження ваших сторінок. За допомогою його можна визначити для кожної сторінки час віддачі html коду сторінки та повний час завантаження сторінки. Час віддачі html коду сторінки повинен бути до 200-300 мс. Повний час завантаження сторінки не повинен перевищувати 2-3 сек.

ris3

Мал. 3 Перевірка через плагін «Мережа»

Завантажити плагін можна тут.

Наслідки низької швидкості завантаження

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

Для перегляду ефективності завантаження сторінок вашого сайту необхідно зайти в панель веб-майстрів Google, відкрити вкладку «Лабораторія» і вибрати розділ «Ефективність сайту».

Погана швидкість завантаження сторінки:

ris4

Мал. 4 Приклад низької швидкості завантаження сторінки

ris5

Мал. 5 Приклад високої швидкості завантаження сторінки

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

ris6

Мал. 6 Показники відмов відвідувачів сайту

Рішення завдання

У компанії Google існує плагін «Page Speed», який може вказати вам на ваші критичні помилки, що збільшують швидкість завантаження сторінки.

Розглянемо основні помилки, що збільшують швидкість завантаження сторінки.

Зайві елементи коду:

Java скрипти — їх необхідно опустити в кінець сторінки для більш швидкого відображення основної інформації на сторінці

ris7

Мал. 7 Java скрипти

Стиснення Java скриптів

ris8

Мал. 8 Стисканняя java скриптів

Зображення:

 

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

Розмір зображень —у разі, якщо це не фото товару (які можна збільшити і переглянути детально), необхідно використовувати зображення того ж розміру, що відображається на сайті. Тобто, немає сенсу використовувати картинку з роздільною здатністю 600 × 480, якщо на сторінці вона відображатиметься розміром 128 × 128.

ris9

Мал. 9 Розмір зображення

Атрибути розмірів картинки — необхідно вказувати атрибут розміру картинок для того, щоб пошуковий робот зміг з першої індексації проіндексувати всі картинки на сторінці.

ris10

Мал. 10 Атрибути розмірів картинки

Інші елементи сторінки:

Стиснення Gzip - необхідно включати стискання за допомогою Gzip для більш швидкого завантаження сторінки.

ris11

Мал. 11 Стиснення Gzip

Чистый HTML код сторінки:

Необхідно виключити неактивні теги, такі як коментарі, що не використовуються пошуковим роботом

ris12

Мал. 12 HTML

Висновки

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

Якщо ви хочете працювати з нами,
давайте почнемо з обговорення завдання

Обговорити задачу

Отримуйте новини інтернет-маркетингу

Тільки корисна інформація від експертів Promodo

Отримуйте новини інтернет-маркетингу