Швидкість завантаження сайту: як перевірити, аналіз, сервіси
- Корисні сервіси для прискорення завантаження сайту
- 5 Online сервісів аналізу швидкості завантаження веб-сторінки
Багато оптимізаторів досить зневажливо ставляться до такого фактору ранжирування, як швидкість (час) завантаження сайту. Тим часом, представники обох пошукових (як Яндекса, так і Гугла) досить давно вже заявляли, що вони враховують швидкість завантаження сайту як один з факторів ранжирування. Ступінь впливу даного чинника, як я вважаю, досить велика. Я думаю, що цей фактор, є складовою частиною в алгоритмі ранжирування ПС. І якщо у Вас не все в порядку зі швидкістю завантаження сайту, то ТОПу Вам просто не бачити. А тут все просто: погана швидкість завантаження призводить в результаті до низьких поведінкових факторів, поганому юзабіліті сайту і, як підсумок, у клієнта падає конверсія. Отже, як просить нас великий Яндекс, будемо покращувати сайти. І тут доречно почати з зменшення часу завантаження сайту.
Корисні сервіси для прискорення завантаження сайту
Для проведення аналізу часу завантаження сайту я раджу використовувати чудовий сервіс - webpagetest . Можна проводити аналіз і іншим сервісом або інструментом. Тут головне розуміти, що Ви чекаєте від результатів аналізу подібних сервісів і, найголовніше, як це будете на практиці застосовувати у себе на сайті.
Найголовніше для нас - це побачити які файли завантажуються найдовше і з допомогою різних інструментів їх оптимізувати (стиснути).
Звертаємо увагу на наступні моменти:
- Перевіряємо чи включена на стороні сервера віддача заголовка - «Connection: keep-alive». Якщо сервер віддає даний заголовок - це свідчить про те включена. Нагадую, перевірити коректність віддачі заголовків сервера Вашого сайту можна використавши даний сервіс . Функція Keep-alive зазвичай є стандартною складовою веб-сервера Apache, але в силу різних причин (або технічних, або при конфігурації веб-сервера її просто забули включити) може бути відсутнім. Ця функція дозволяє постійно підтримувати з'єднання між сервером і клієнтом, для того, щоб сервер знав, що клієнт підключений і тому не відключав його. Тобто, коли сторінка сайту відправляється клієнту, всі її частини (картинки, фрейми, JavaScript) пересилаються з використанням різних, окремо встановлюваних з'єднань. KeepAlive дає можливість браузерам запитувати постійне з'єднання і, встановивши його, завантажувати дані, використовуючи одне встановлене з'єднання. Такий спосіб дає неслабкий приріст продуктивності. Тільки включення даної функції дозволяє зменшити час завантаження сторінки на 40-50%!
- Стиснення текстової складової (Compress Text) - html коду, css і javascript. Тут або вручну або раджу використовувати такі потужні сервіси, як cleancss (Для стиснення css файлів) і офіцільний інструмент для стиснення javascript - closure-compile від компанії Google.
- Стиснення картинок (Compress Images). Зображення в форматі jpg, png і gif можуть бути істотно скорочені без втрати якості. Тут я рекомендую використовувати чудовий сервіс JPEGmini . Стискає jpeg і jpg файли потужно і якісно! Раджу! Для стиснення png файлів рекомендую сервіс - PunyPNG Або Ви може скористатися photoshop - Збережемо для WEB, тільки раджу в параметрі «якість» ставити 50%.
- Наявність закешовану статичного контенту (Cache Static Content). Успішно Кешуються контент в браузері користувача дозволяє значно скоротити час завантаження сторінки при повторному зверненні до неї.
- Об'єднання файлів CSS / Javascript в один файл (Combine JS / CSS Files). Тобто об'єднуємо всі css файли в 1 файл і те ж саме робимо з javascript файлами. Завантажуємо дані файли в розділі <head>. Приклад, <script type = "text / javascript" src = "/ js / ajax.js»> </ script> - тут ми довантажувати файл - ajax.js
- Об'єднання зображень в css спрайт.
В даний час пошукові системи Яндекс і Google приділяють найпильнішу увагу швидкості завантаження сайту. На швидкість завантаження сайту впливають дуже багато факторів. Деякі з них я описував в своїй статті: прискорення швидкості завантаження сайту. Зараз навіть в інструментах для веб-майстрів Google в розділі «лабораторія» - «ефективність сайту» присутній чудова функція PageSpeed Insights , Яка дозволяє по сто бальною системою оцінити швидкість завантаження тієї чи іншої сторінки Вашого сайту. Для своєї головної сторінки я, наприклад, зміг домогтися показника в 93 бали (рисунок 1). Це дуже хороший показник в порівнянні з моїми конкурентами. Даний інструмент показує, що саме необхідно поліпшити, а також докладний help на тему того, як це зробити.
Малюнок 1. Швидкість завантаж сайту SeoWind.ru
Так як це офіційний інструмент від Google - я настійно рекомендую використовувати для оцінки швидкості завантаження сайту саме його. Проте існують і інші не менш функціональні сервіси.
5 Online сервісів аналізу швидкості завантаження веб-сторінки
Першим б я виділив масовий аналіз швидкості http://www.pr-cy.ru/speed_test . Для його тесту я взяв ТОП SEO блогерів 2012 року і порівняв з моїм сайтом - seowind.ru (Малюнок 2)
Малюнок 2. Швидкість завантаження головної сторінки для топ 10 seo блогерів 2012 року
Я думаю - Вам все видно з рисунка 2, хто з seo блогерів лідер, а хто аутсайдер по такому параметру, як час завантаження головної сторінки. Мої результати, звичайно, також далекі від ідеалу, якщо порівнювати з тим же блогером - Shakin. Так, що є куди прагнути. Дуже зручний сервіс для експрес - аналізу свого сайту і сайту конкурентів!
Другим я відзначаю сервіс - webpagetest.org . Коли не було PageSpeed Insights, то я використовував саме його. За функціоналом вони десь схожі. Хоча у webpagetest.org є такі відмінні екзотичні функції, як, наприклад, емулювання швидкості завантаження сайту на модемі 56К або можливість вибрати регіон звідки походить звернення до сайту.
Третій, хороший сервіс - це domw.net . На відміну від багатьох інших він російською мовою. Даються рекомендації, як і, що зробити, щоб поліпшити швидкість завантаження сайту.
Четвертим йде - webo.in . Сервіс створений російськими розробниками. Сервіс зіпсувався останнім часом. Інформацію дають мізерну, до того ж пропоную свої послуги щодо прискорення сайту за астрономічними цінами. Але, тим не менш, на сайті є готові закінчені рішення у вигляді платних плагінів для CMS WordPress і Joomla по вже доступними цінами. Для WordPress, наприклад, ось тут .
Ну і наостанок відзначу pingdom.com . Для мене він багато в чому схожий на той же webpagetest, але з відмінностей варто відзначити можливість моніторингу доступності сайту. Для цього варто оформити підписку по email.