Google Page Speed Insights – сервіс, що дозволяє оцінити фактичну продуктивність і вибрати ефективні шляхи оптимізації сайту. Може використовуватися зі смартфонів, планшетів і комп’ютера. Оцінка швидкості завантаження сторінки виробляється на основі аналізу ефективності та оперативності відтворення контенту в браузері відвідувача. Враховуються наступні дані: використовувані JS-скрипти, структура і чистота HTML+CSS, оптимізація мультимедійного контенту і т. д.
На прикладі російськомовної версії сайту компанії Apple у статті розглянемо основні показники та можливі шляхи розв’язання проблем зі швидкістю.
Аналіз сайту в PageSpeed Insights
Сайт Apple був узятий з трьох причин:
- Відомий бренд.
- Досить погана оптимізація сторінки за версією Google.
- Днями презентував iPhone 11.
Компанія Apple – технологічний бренд, який завжди на передовій. Але з сайтом явні проблеми, т. к. завантаження початкового вмісту доводиться чекати тривалий час – близько 4 секунд.
Аналіз виконується наступним чином:
- Переходимо за посиланням developers.google.com/speed/pagespeed/insights.
- У рядок для введення вписуємо адресу сторінки.
- Натискаємо на кнопку «Аналізувати».
- Чекаємо завершення аналізу та оновлення сторінки.
Оцінка швидкості завантаження сайту в Google Page Speed
Виділяють дві версії аналізу – для мобільних пристроїв і комп’ютерів. Показники та рекомендації відрізняються. У мобільній версії веб-сайт компанії Apple набирає 64 бали, чого для звичайного проєкту виявиться мало. Так, з інформаційних і корпоративних ресурсів йдуть значно швидше – клієнти не готові довго чекати. У повній версії – 91 бал.
Версія для мобільних:
Версія для комп’ютерів:
Для оцінки швидкості передбачені різні критерії – до них повернемося нижче. Поки варто зупинитися на балах, де:
- від 0 до 59 – низька швидкість завантаження;
- від 60 до 79 – середня;
- від 80 до 100 – висока.
Наявність низького показника позначається на числі відмов на сайті і чим менш відому сторінку відкриває клієнт, тим менше він готовий чекати завершення завантаження контенту. Проблеми з організацією процесу візуалізації необхідно усувати як можна швидше.
Далі йдуть підрозділи з рекомендаціями щодо усунення проблем при їх наявності.