Одним з найважливіших факторів, що впливають на позицію вебсайту в Google, є його швидкість. Як ми можемо перевірити, чи достатньо швидкий вебсайт? Які інструменти для цього використовувати?
Швидкість сторінки наразі є одним із факторів рейтингу Google. Вебсайти зі швидким завантаженням досягають кращих позицій у пошуковій системі, але також позитивно впливають на користувацький досвід. Дуже важливе перше враження користувача – якщо при першому контакті зі сторінкою вона зависає або завантажується дуже повільно, то ми підходимо до неї обережно. Особливо в інтернет-магазинах це важливо, оскільки клієнти не хочуть купувати у безкоштовних магазинах – а якщо магазин зависне під час покупок? Швидкість вебсайту також має великий вплив на т. зв. показник відмов. Це параметр, який визначає, скільки людей покинуло сторінку після входу лише на одну підсторінку. Якщо ваш сайт працює повільно, багато людей закривають його, не чекаючи завантаження вмісту.
Так що, якщо (використання SEO-активності, реклами, блокування цільової сторінки) чи залучимо ми клієнта, якщо він роздратований і в результаті закриє повільний сайт? Одна секунда – це вічність для інтернет-користувача, який хоче мати всю необхідну інформацію вже і одразу.
Знаючи, що швидкість сторінки впливає не тільки на позицію Google у рейтингу, але й на досвід користувачів, ми представляємо інструменти, які дозволять вам перевірити швидкість сторінки на комп’ютері та на мобільних пристроях. Варто зазначити, що швидкість на мобільних пристроях навіть важливіша, ніж на комп’ютерах. Ви повинні прийняти девіз «мобільний насамперед» близько до серця і не допускати, щоб сайт погано читався на мобільних пристроях, якими користується більшість користувачів.
Швидкість завантаження сторінки: якою вона має бути?
Відповідь проста – якомога швидше. «Перебрати» з цим питанням неможливо. Загалом, рекомендації такі, щоб сторінка не завантажувалася понад дві секунди. Кожна наступна секунда – це вищий показник відмов. Щоб уникнути цього, ми представляємо інструменти, які допоможуть вам оцінити, наскільки швидко працює наш вебсайт. Багато з них дадуть нам рекомендації щодо того, що можна змінити або покращити, щоб вебсайт працював швидше. Варто дотримуватися цих рекомендацій, але не забувайте контролювати, як змінюється параметр швидкості після змін. Це завжди потрібно робити, використовуючи той самий інструмент, оскільки різні інструменти використовують різні методи вимірювання. Завжди використання одного і того ж інструменту підвищує надійність проведеного тесту.
Вимірювання швидкості сторінки: інструменти
1. Google PageSpeed Insights
Створено Google для перевірки швидкості як мобільного, так і настільного. Він дає поради та пропозиції щодо того, що робити, щоб покращити та як це зробити. Інструмент використовує бальну шкалу від 0 до 100, і чим вище індекс, тим краще. Вище 85/100 це дуже добре.
Крім того, Google PageSpeed Insights надає рекомендації щодо UX. PageSpeed Insights доступний за адресою: https://developers.google.com/speed/pagespeed/insights.
2. GTmetrix
Це простий інструмент, який дає вам можливість отримати преміальний план — хоча базового плану достатньо, щоб перевірити одну сторінку. Він показує, серед іншого, загальний час завантаження сторінки, її розмір, а також кількість та опис запитів. Ці дані представлені у вигляді графіків, які полегшують розуміння інформації, яку пропонує GTmetrix. Початківці зрозуміють його швидко та легко, оскільки інструмент дуже інтуїтивно зрозумілий. Багато хто вважає його одним з кращих, оскільки він дає, на думку деяких, найбільш реалістичні результати. Цей інструмент також пропонує цікаві додаткові (платні) опції, наприклад, відеозапис завантаження сторінки. Недоліком цього інструменту є те, що ми стаємо в чергу для виконання аналізу. Якщо ми праві, ми проаналізуємо це за кілька моментів, якщо помиляємося, ми можемо чекати досить довго.
GTmetrix пропонує кілька способів перевірити швидкість сторінки — один з точки зору Google, інший з Yahoo! Кожна з них має рекомендації, які роблять оцінку вебсайту такою, якою вона є.
3. YSlow від Yahoo
YSlow від Yahoo сканує компоненти сторінки та на основі цього перевіряє швидкість завантаження сторінки. Дані, які він отримує за допомогою графіків і діаграм. Він додає, які області потребують, наприклад, втручання адміністратора вебсайту. Натиснувши на окремі помилки, ви зможете побачити пропозиції щодо їх вирішення. Цей інструмент працює як плагін, який можна використовувати у Firefox, Chrome, Opera та Safari.
4. WebPageTest
Він оцінює швидкість вебсайту за допомогою поточних браузерів з різних місць у світі, показуючи реальний час підключення. Показує цінну інформацію, таку як: діагностика продуктивності, наприклад, зображення початкового завантаження сторінки сайту, графіки ресурсів та пропозиції щодо покращення. Він тричі перевіряє сторінку, а потім виводить середній результат, тому тест займає більше часу, ніж інші інструменти. Однак дані дуже точні, представлені у вигляді графіків і скріншотів.
У випадку з цим інструментом ми також повинні стояти в черзі, що ще більше подовжує час вимірювання. Ви також можете вказати, чи це опитування для мобільних або настільних пристроїв. Опитування сайту поділено на кілька категорій. Ви можете отримати оцінку в кожній категорії. Після натискання на нього з’являється статистика та пояснення, чому той чи інший сайт отримав таку, а не іншу оцінку.
5. DareBoost
Це розширений інструмент для тестування швидкості вебсайту, а також моніторингу продуктивності мережі та повного аналізу вебсайту з точки зору швидкості, SEO та безпеки. 5 сканувань на місяць безкоштовно. Досить оптимізувати свій сайт. Це дає можливість відобразити та перевірити, які технології були використані на вебсайті.
Після натискання на стрілку ми отримуємо пояснення, чому цей аспект важливий для сайту.
6. Вплив навантаження
Load Impact пропонує 10 тестів на місяць безкоштовно. Преміальний план, який коштує 119 доларів на місяць, дає вам необмежене тестування сайту. Тест полягає в створенні штучного трафіку на вебсайт, а потім тестуванні того, як вебсайт реагує під цим навантаженням. На сайт «заходить» 1 мільйон користувачів з різних місць.
7. Інструменти розробника Chrome
Це інструмент аудиту ефективності вебсайту. Надає інформацію про аспекти сторінки, які потрібно покращити, а також показує рядки коду CSS, де це неефективно.
Висновки
Інструменти, які ми описуємо, мають різні рівні вдосконалення. Деякі з них дуже прості, призначені для людей, які не є спеціалістами, а інші подають інформацію не зовсім точно. Залежно від індивідуального рівня знань, ми закликаємо вас використовувати інструмент, пристосований до ваших потреб. Насправді більшість описаних інструментів надають дуже схожі дані про швидкість завантаження сторінки, але презентація та рівень розробки відрізняються.