PageSpeed Insights
Цей безкоштовний сервіс не просто дозволяє оцінити, наскільки швидко завантажуються веб-сторінки, але і допомагає активно покращувати цей показник.
Оновлення алгоритмів Google PageSpeed Insights
У липні’19 Google запустила новий алгоритм – Speed Update, завдяки чому швидкість завантаження стала фактором ранжирування пошукової системи. Листопадові’18 поновлення PSI (PageSpeed Insights) кардинально змінили сервіс. Тепер він працює на базі аналітики Lighthouse, вбудованої в браузер Google Chrome. Це інструмент з відкритим вихідним кодом, створений для поліпшення і контролю якості веб-сторінок. Якщо раніше PSI оцінював ресурс по дотриманню певних умов і виконанню завдань, то тепер для отримання високого балу береться до уваги тільки швидкість. Важливо, за який час на сторінці з’являється перший контент і його основна частина, скільки секунд потрібно для повноцінної взаємодії користувача з ресурсом, загальний індекс швидкості та інші характеристики.
У PageSpeed Insights додана функція розкадровки, що складається з десяти слайдів, на яких ви можете побачити черговість появи контенту сторінки. Крім того, тепер сервіс дає поради щодо використання на ресурсі нових форматів картинок, – JPEG 2000, WebP і JPEG XR – які важать менше своїх попередників. Це важливий параметр, особливо сильно він відбивається на швидкості завантаження сайтів, де значну частину контенту займають різні зображення.
Що робити, якщо показники Google PageSpeed Insights впали після останнього оновлення
Найближчі тижні розробники будуть тестувати оновлений сервіс на баги, які вже встигли виявитися, і усувати їх. Зараз при перевірці швидкості завантаження одного і того ж сайту сервіс може показати різні результати, а то і зовсім оголосити, що сторінка недоступна. У першому випадку потрібно робити 5-6 вимірів поспіль і орієнтуватися на середній показник, тому що сайти не статичні і їхня швидкість теж. Другий варіант – критичний: якщо таке відбувається, потрібно терміново ставити сайт на моніторинг доступності. У той же час не забувайте, що для налагодження безперебійного функціонування PSI потрібен певний строк, і щоб сайт втратив високу позицію в пошуковій видачі – теж. За один день такі речі не трапляються. Тому панікувати не потрібно, як і робити необдумані кроки – можливо, через пару тижнів доведеться їх виправляти.
А ось що зробити слід:
- сфокусуйтеся на мобільній версії – до неї Google пред’являє більш серйозні вимоги і ставить її в пріоритет.
- Вимкніть непотрібні бібліотеки і плагіни, вони сильно уповільнюють швидкість завантаження сайту, але при цьому навіть не задіяні в відображенні його контенту. Тут є тонкий момент: це робота тільки для досвідчених фахівців, інакше можна зовсім «зламати» сайт.
- Зосередьтеся на досягненні моментального завантаження першого екрану: за новими умовами пошукової системи він повинен бути готовий до роботи і взаємодії з користувачем максимально швидко.
- Перемістіть в футер (нижня частина сторінки) js, які не беруть участі у відображенні сторінки або, принаймні, першого екрану. Деякі радять і css перенести туди ж, але робити так не можна ні в якому разі. Це буде ще більше сповільнювати підготовку сторінки до взаємодії.
І не намагайтеся досягти ідеального показника. Не знаючи потрібних тонкощів, можна замість поліпшення якості ресурсу нанести йому значних втрат. Ідеальний варіант – попросити допомоги в того, хто в цьому відмінно розбирається. Після діагностики буде видно, чи все в порядку або щось дійсно потрібно міняти.
Як отримати 100/100 в Google PageSpeed Insights
Далеко не всі рекомендації сервісу здатний виконати середньостатистичний власник сайту і навіть фахівець з SEO-оптимізації. Іноді такі дії в невмілих руках приносять прямо протилежний результат, і в підсумку ресурс починає втрачати свої позиції у видачі. Наприклад, рекомендований сервісом PSI перенесення JavaScript і css з хедера (верхній частині сторінки) в футер повинен робити досвідчений програміст, який знає, як правильно розмістити ці елементи. Інакше блоки ресурсу може «перекосити», а швидкість впаде замість того, щоб покращитися.
Тому, як уже говорилося вище, прагнути до результату 100/100 в PageSpeed Insights не завжди розумно, а якщо ви твердо вирішили досягти досконалості, робіть це з обережністю. Пам’ятайте, що користувач важливіше оцінки PSI і він не повинен бачити на вашому сайті шматки верстки або дизайн, що з’їхав зі сторінки.
Користь сервісу
Незважаючи на всі підводні камені в роботі з цим інструментом, він все ж користується величезною популярністю і не просто так. Багато підказок, що стосуються зменшення розміру скриптів, зображень та інших елементів дійсно корисні для підвищення швидкості завантаження сайту. Використання кешу браузера, рекомендований сервісом в деяких випадках, теж дуже важлива штука для прискорення ресурсу, але зовсім непроста навіть для веб-майстрів. Тому, щоб не напартачити, краще доручити цю роботу професійній команді по оптимізації сайтів.
Джерело: ax.digital