PageSpeed Insights (поради щодо прискорення веб-сторінок)
Друзі, вітаю всіх! Як настрій? На моєму блозі – Дениса Чернятинського, багато корисної інформації. Сьогодні вам буде доступна її чергова порція. Наразі я вивчаю питання оптимізації свого блогу. На мій погляд з доступних безкоштовних рішень найоптимальнішим інструментом у цьому напрямку є PageSpeed Insights від Google, який доступний в інструментах розробника.
- Частина 1 Інструмент оптимізатора
- Частина 2 Як працює PageSpeed Insights
- Частина 3 Приклади порад щодо прискорення веб-сторінок
- Частина 4 Мої плани щодо прискорення
- Частина 5 Особисте спостереження
- Частина 6 Найближчі події
Частина 1 Інструмент оптимізатора
Для користувачів браузера Chrome від Google існує однойменне розширення. Існує підтримка API Insights для інтеграції зі сторонніми сервісами та програмними рішеннями. Чудовий інструмент для оптимізаторів.
Частина 2 Як працює PageSpeed Insights
- У першій вкладці помітні всі поради для мобільної версії сайту;
- Друга вкладка містить інформацію для звичайних сайтів.
Рейтинг будуватиметься з розрахунку значень від 0 до 100. Чим вище бал, набраний після аналізу, тим краще. Самі алгоритми системи аналізу веб-сторінок постійно вдосконалюються та їх значення можуть змінюватись.
Можна виділити три основні напрямки. Всі поради розділені за типом важливості та виділені кольором:
- Знак оклику червоного кольору символізує про те, що цей параметр дуже важливий і виправивши його ви значно прискорите роботу сайту;
- Знак оклику жовтого кольору означає середній за важливістю параметр, який слід виправити;
- А зеленагалочка говорить про відсутність будь-яких проблем із сайтом.
Різних параметрів у PageSpeed Insights достатньо, і вони є унікальними для кожного сайту та проекту в інтернеті. Тому описати всі параметри повному обсязі неможливо. Краще я наведу список тих порад, які видав мені PageSpeed для мого блогу.
Відразу зазначу, що мій сайт не є якимось еталоном, що демонструє всі передові інтернет концепції та його параметри далекі до ідеалу. Але все ж таки я планую увійти в зелену зону усунувши деякі перешкоди за допомогою наведених порад.
Частина 3 Приклади порад щодо прискорення веб-сторінок
Почнемо з важливих порад для комп'ютерів
Виправте обов'язково
Виправте по можливості
- Порада щодо оптимізації зображень, теж є актуальною для більшості сайтів або блогів. Люди завантажують картинки навіть не замислюючись про їхню оптимізацію;
- Скорочення часу відповіді сервера на запити з боку браузерів користувачів;
- Скорочення HTML-коду на сторінці. Для усунення можна використовувати різні способи стиснення коду швидкої обробки.
Переходимо до важливих порад для мобільних пристроїв
Їх усунення дає відмінні перспективи для мобільного трафіку, що зростає з кожним днем. Не буду повторюватися, оскільки поради практично схожі з тими, що дано для звичайних комп'ютерів.
Частина 4 Мої плани щодо прискорення
До речі, я все одно планую незабаром здійснити перенесення сайтів до іншого хостинг-провайдера. Але попередньо наголошую на можливості активації кешу та інших важливих функцій.
Та я ж обіцяв написати параметри мого сайту за версією PageSpeed Insights.Запам'ятайте ці цифри: