Оновлення GTmetrix 2020

Все, що вам потрібно знати про новий звіті GTmetrix 2020 (на платформі Lighthouse)

Огляд

GTmetrix 2020зазнав найбільших змін, замінивши бібліотеки PageSpeed/YSlow на Lighthouse, галузевий стандарт продуктивності в Інтернеті.

Оскільки GTmetrix тепер підтримується Lighthouse, новий звіт GTmetrix 2020був значно перероблений, щоб включити дані і показники Lighthouse.

Запроваджено нову систему підрахунку балів, в результаті чого створюється абсолютно нова оцінка GTmetrix, а також нові показники ефективності і структури. У новому звіті GTmetrix також додані нові вкладки, візуалізації, графіки та більш детальна інформація.

У цій статті дано докладне пояснення всіх змін в новому звіті GTmetrix, а також його порівняння зі старими звітами PageSpeed​/YSlow, які в подальшому називаються застарілими звітами (Legacy Reports).


Деталі виставлення оцінок і виставлення балів

Система оцінки, яка використовується в новому звіті GTmetrix, в загальних рисах заснована на системі оцінки Lighthouse. Однак вона була доповнена власним досвідом GTmetrix. І запатентованими формулами, щоб забезпечити унікальність GTmetrix, яку користувачі полюбили і якій довіряють протягом багатьох років.

Нові оцінки GTmetrix і продуктивності, структури

Нова оцінка GTmetrix і оцінки продуктивності/структури

Результатом стала нова оцінка GTmetrix (GTmetrix Grade). Це зважена оцінка, отримана на основі нових оцінок продуктивності і структури (Performance и Structure). Вони замінюють старі оцінки PageSpeed ​​і YSlow.


Оцінка GTmetrix

GTmetrix Grade поєднує в собі швидкість роботи вашої сторінки (з точки зору завантаження, інтерактивності та візуальної стабільності) з тим, наскільки добре вона створена для оптимальної продуктивності.

Ця оцінка краще відображає загальне враження від веб-сторінки, оскільки враховує як структуру вашого інтерфейсу , так і фактичну продуктивність, яку відчує користувач .

GTmetrix Grade - це сукупне уявлення про завантаження сторінок ваших відвідувачів

GTmetrix Grade – це сукупне уявлення про завантаження сторінок ваших відвідувачів, як про те, наскільки добре вона побудована, так і про фактичну продуктивність.

Перш за все оцінка GTmetrix є середньозваженим значенням двох нових оцінок, заснованих на відсотках, а саме:

  • Оцінка продуктивності (70%)
  • Оцінка структури (30%)

А також оцінка GTmetrix базується на простій формулі, яка в даний час надає ваговий коефіцієнт 70/30 для оцінок продуктивності і структури відповідно.

Зверніть увагу, що це початковий підхід до оцінки GTmetrix і оцінок продуктивності та структури, які постійно відстежуються і коригуються ; вони будуть розвиватися з часом, оскільки GTmetrix отримує і аналізує все більше і більше даних про продуктивність.


Оцінка продуктивності

Перш за все оцінка продуктивності – це, по суті, ваша оцінка продуктивності Lighthouse, отримана за допомогою тестів GTmetrix, з браузером GTmetrix, специфікаціями обладнання та зазначеними параметрами аналізу (AdBlock, швидкість підключення і т. д.).

Оцінка продуктивності

Оцінка продуктивності показує, наскільки добре ваша сторінка працює з точки зору користувача.

Ця оцінка складається з 6 ключових показників з наступними значеннями:

  • Продуктивність завантаження (55%)
    • Перша насичена фарба (15%)
    • Індекс швидкості (15%)
    • Сама насичена фарба (25%)
  • Інтерактивність (40%)
    • Час до інтерактивності (15%)
    • Загальний час блокування (25%)
  • Візуальна стабільність (5%)
    • Сукупне зрушення макета (5%)

Кожен показник вимірюється і розраховується як бал. Потім порівнюється з граничним значенням, і сукупним результатом (з відповідним зважуванням) становить остаточний бал продуктивності.

Повна інформація про вашу оцінку продуктивності приведена на вкладці “Продуктивність” (Performance) звіту GTmetrix.

Як це співвідноситься з оцінкою продуктивності, яку я бачу в Google PageSpeed ​​Insights або web.dev?

Хоча офіційні інструменти Google також управляються Lighthouse, вони використовують своє господарство і методики тестування для визначення оцінки продуктивності.

Ось кілька ключових відмінностей, через які оцінки можуть відрізнятися:

  • Географічні відмінності
    Невідомо, чи проводить Google тести серверів в залежності від їх географічного регіону. GTmetrix дозволяє вам визначити, з якої тестової ділянки аналізувати вашу сторінку.
  • Апаратні відмінності
    GTmetrix і Google, ймовірно, будуть мати різні позначення ЦП/пам’яті для тестів, що вплине на показники.
  • Мережеві відмінності
    Відмінності в мережевих підключеннях і відхилення можуть сприяти змінам окремих показників.
  • Інша гугл-магія
    У Google можуть бути додаткові міркування при обчисленні оцінки продуктивності.

Хоча оцінка продуктивності GTmetrix і оцінка продуктивності, створена Google, безпосередньо не можна порівняти, вони повинні бути схожі.


Оцінка структури

Оцінка структури показує, наскільки добре ваша сторінка побудована для оптимальної продуктивності.

Оцінка структури

GTmetrix провели ці аудити і привласнили їм бальні оцінки на основі різних факторів, включаючи потенційну економію і важливість на думку їх команди.

Як і у випадку з оцінками PageSpeed ​​і YSlow в застарілому звіті, ваша оцінка структури відображає те, наскільки добре ваш сайт побудований для оптимальної продуктивності.

Індивідуальні аудити GTmetrix

На додаток до стандартних аудитам Lighthouse також включені спеціальні аудити, які мають відношення до продуктивності в Інтернеті. Ці настроюються аудити GTmetrix включають:

  • Включити Keep-Alive
    • Це спрацює тільки на сторінках, що використовують HTTP/1.1, виявленої директиви Keep-Alive ON.
    • Якщо буде виявлено, що ваша сторінка використовує HTTP/2, ця перевірка вас не торкнеться.
  • Об’єднати зображення за допомогою CSS-спрайтів
    • Якщо на вашій сторінці відображається кілька невеликих зображень зі спрайтом, буде запущений цей аудит.
    • Зверніть увагу, що цей аудит має різні пороги в залежності від того, чи використовує ваша сторінка HTTP/1.1 або HTTP/2.
  • Використовувати мережу доставки контенту (CDN)
    • CDN грають важливу роль в забезпеченні стабільно швидкої роботи веб-сайту в усьому світі.
    • GTmetrix буде продовжувати відзначати будь-які статичні ресурси, які можуть обслуговуватися в CDN, для кращої глобальної доставки, хоча і не так карається, як раніше.
  • Уникати CSS @import
    • За можливості рекомендується уникати використання CSS @import, оскільки будь-які директиви імпорту, виявлені браузером (без атрибуту defer), будуть негайно завантажені, проаналізовані і виконані.
    • Це може заблокувати рендеринг іншої частини вашого сторінки.

Повні відомості про ваш рейтинг структури наведены на вкладці «Структура» звіту GTmetrix.

Чи впливають результати моєї структури на мої результати?

Результати вашої структури не впливають безпосередньо на ваші результати.

Однак поліпшення показника структури може в цілому підвищити продуктивність вашої сторінки. Це призведе до поліпшення показників продуктивності і, відповідно, до кращої оцінки GTmetrix.

Думайте про аудити структури в новому звіті GTmetrix як про керівництво по підвищенню продуктивності в Інтернеті, а про показники продуктивності як про секундомір вашої реальної продуктивності в Інтернеті.

Високий загальний час блокування

Високий загальний час блокування, ймовірно, пов’язаний з великими зрушеннями макета і ресурсами, що блокують рендеринг.

Перевірка структури може послужити хорошою відправною точкою для скорочення часу завантаження сторінки в цілому. Крім того, деякі аудити корельовані, і, таким чином, виправлення одного аудиту може вплинути на інші.


Web Vitals

Google встановив Web Vitals в якості основних показників, на яких ви повинні зосередитися, щоб забезпечити швидку взаємодію з сайтом.

Web Vitals

Web Vitals – це ключові показники, які найбільше впливають на продуктивність вашої сторінки.

Ці показники включають:

  • Найбільша змістовна фарба (LCP)
    Скільки часу знадобилося для відображення найбільшого елемента вмісту.
  • Загальний час блокування (TBT)
    Скільки часу було заблоковано скриптами в процесі завантаження вашої сторінки.
  • Накопичувальне зрушення макета (CLS)
    Наскільки сильно змінився макет вашого користувача під час завантаження сторінки.

Гарні значення за цими показниками – хороший знак того, що ви приносите швидкі і (як називає Google) приємні враження для відвідувачів.

Web Vitals – відмінний спосіб порівняти вашу сторінку. Оскільки вони фокусуються на невеликому наборі ключових показників, які найбільш впливають на сприйняття продуктивності. Ви знайдете Web Vitals в центрі уваги, поряд з оцінками GTmetrix і оцінками продуктивності/структури в новому звіті GTmetrix.


Нові вкладки “Підсумок”, “Продуктивність” і “Структура”

У цьому новому випуску представлений переглянутий звіт GTmetrix з новими вкладками. Ми детально описуємо кожну з вкладок нижче:


Вкладка “Підсумок” (Summary)

Новою в GTmetrix Reports є вкладка «Зведення», на якій відображається повний знімок продуктивності, структури і завантаження сторінки.

Вважайте цю вкладку своїм основним центром дій, так як однієї інформації тут може бути досить, щоб вказати важливі напрямки підвищення ефективності вашої сторінки.

Нова вкладка зведення GTmetrix

Нова вкладка зведення GTmetrix

У верхній частині вкладки «Підсумок» знаходиться нова візуалізація швидкості – періодичне захоплення завантаження вашої сторінки з прапорцями, які відзначають різні показники оцінки продуктивності у міру завантаження сторінки.

Це дає вам більше інформації про показники по відношенню до того, що насправді відчувають ваші відвідувачі.

Візуалізація швидкості

Ваші показники ефективності поєднуються з періодичним відстеженням завантаження вашої сторінки в новій візуалізації швидкості.

Потім ви побачите основні проблеми зі структурою, які найбільше впливають на продуктивність вашої сторінки, в розділі “Основні проблеми“.

Основні проблеми GTmetrix

Зосередьтеся на цих перевірках структури, оскільки вони найбільше впливають на продуктивність вашої сторінки.

Зосередження уваги на поліпшенні цих аудитів може мати каскадний ефект на інші ваші аудити структури. І може значно поліпшити ваші загальні оцінки GTmetrix 2020 і показники ефективності/структури.
У міру того, як ви покращуєте аудит, показаний тут, ви виявите, що нові аудити з’являються в розділі “Основні проблеми” при повторному тестуванні; це дозволяє розставити пріоритети щодо оптимізації в залежності від їх впливу на продуктивність вашої сторінки.

Розділ “Основні проблеми”

У розділі «Основні проблеми» (Top issues) ви знайдете нову діаграму “ Відомості про сторінку ” ( Page Details ). Вона показує, з яких типів запитів складається ваша сторінка, включаючи кількість запитів і їх розмір в байтах.

Відомості про сторінку

Графік “Відомості про сторінку” показує, як складена ваша сторінка з точки зору розміру і типів запитів.

Це корисно для швидкого визначення того, перевантажена чи ваша веб-сторінка JavaScript, CSS, зображеннями і т. д. При наведенні курсора на сегмент відображається додаткова інформація про цей тип запиту в цілому.

Додаткові відомості про сторінку

Наведіть курсор миші на кожен сегмент, щоб отримати додаткову інформацію про тип запиту.

Нарешті, ви знайдете розділ “ Більше від GTmetrix ” ( More from GTmetrix ), де дано поради та рекомендації щодо оптимізації на основі аналізу вашої сторінки.

Статті і поради від GTmetrix

Отримуйте статті та поради від GTmetrix на основі аналізу вашої сторінки.

Залежно від того, що виявлено під час тестування вашої сторінки, запропоновано поради і рекомендації по вашій платформі (наприклад, WordPress, Shopify і т. д.), оптимізації зображень, продуктивності сервера, використання CDN і т. д.


Вкладка “Продуктивність” (Performance)

Вкладку “Час” видалили і замінили її новою вкладкою “Продуктивність”, на якій детально показані ваші показники продуктивності.

GTmetrix Performance

Нова вкладка GTmetrix Performance.

Кожна метрика поставляється з коротким описом (щоб ви відразу розуміли, що це означає) і має колірне кодування в залежності від того, як ваша сторінка показала себе в цій метриці.

GTmetrix зробили все можливе, щоб дати вам трохи більше інформації про те, як працює ваш показник, з великою кількістю слів, що відображають вплив цього показника на продуктивність вашої сторінки.

Приховати докладні відомості GTmetrix

Ви можете приховати докладні відомості про показники для перегляду показників ефективності тільки з даними.

При бажанні ви можете приховати опис для більш чіткого і безперешкодного перегляду всіх ваших показників.

Колірне кодування і контекст

Залежно від того, як працює показник, ви побачите наступні кольори і повідомлення:

Колірне кодування

Кожна метрика супроводжується описом з колірним кодуванням, щоб допомогти вам зрозуміти її вплив.

Под показателями производительности вы увидите время вашего браузера (Browser Timings), такое же, как вы помните из устаревших отчетов GTmetrix.

Таймінги браузера

Час браузера включено у вкладку “Продуктивність”.

Час роботи браузера не має прямого впливу на вашу оцінку продуктивності; проте вони можуть надати додаткову інформацію про ефективність вашої сторінки і заслуговують на увагу.


Вкладка “Структура” (Structure)

Вкладка “Структура” – це духовний наступник вкладок PageSpeed ​​і YSlow. Вона містить всі ваші аудити Lighthouse на основі структури і кращі практики для оптимальної роботи в Інтернеті.

Нова вкладка структури GTmetrix

Нова вкладка структури GTmetrix.

Ви побачите знайому табличну схему з усіма аудитами структури. Вони організовані по тому, наскільки добре ви їх дотримувалися, з гіршими аудитами, перерахованими вгорі.

Новим в GTmetrix 2020 є «Вплив ( Impacts ) для аудиту» – власна оцінка, що складається з потенційної економії, впливу на показники і інших чинників.

Вплив, по суті, показує, наскільки конкретний аудит вплинув на ваш показник ефективності.

Впливи розраховуються на основі результатів аналізу, потім поміщаються в один з наступних граничних значень:

Аудит структури

Вплив показує, наскільки аудит структури вплинув на ваші показники ефективності.

Ваш сукупний вплив від кожної перевірки розраховується для формування рейтингу структури вашої сторінки.
При натисканні на кожен аудит він розширюється, показуючи запити, які вплинули на аудит.

Ресурси, які блокують рендеринг

При натисканні на аудит будуть відображені ресурси, які блокують рендеринг.


Інші вкладки

Решта вкладки звітів GTmetrix 2020 зазвичай залишаються незмінними з невеликими змінами:

  • Вкладка Waterfall
    • Графік GTmetrix Waterfall Chart не змінився в цьому випуску. І є відмінним доповненням до даних Lighthouse.
  • Вкладка Відео
    • Діафільм, який раніше перебував на вкладці «Відео», був вилучений замість «Візуалізації швидкості» на сторінці «Зведення».
    • Хоча відеоплеєр не змінився. Зверніть увагу, що в легенді відеоплеєра ще не реалізовані нові етапи Lighthouse (скоро).
  • Вкладка Історія
    • Зміни на вкладці «Історія» включають додавання нових графіків для показників оцінки продуктивності. І заміну графіків PageSpeed ​​і YSlow на графік GTmetrix Grade/Performance і Structure Scores.

Зверніть увагу, що ви як і раніше можете переглядати історію продуктивності PageSpeed​​/YSlow, якщо переглядаєте раніше створений звіт GTmetrix.


Як новий звіт GTmetrix 2020 порівнюється з колишнім звітом?

Здебільшого це не так.

Метрики на основі Lighthouse для нового звіту, принципово відрізняються від попередніх рекомендацій PageSpeed ​​і YSlow. Хоча обидва звіти мають кілька однакових таймінгів, їх не слід порівнювати.

Оскільки методологія і показники тестування змінилися, вам слід розглядати нові звіти GTmetrix на базі Lighthouse як новий еталон для ваших сторінок.

Новий звіт GTmetrix є абсолютно новим еталоном для власників сайтів для оцінки веб-продуктивності.

У застарілому звіті представлені рекомендації, засновані на тому, наскільки добре ви дотримуєтеся передових практик PageSpeed​/YSlow. Тобто зосереджені тільки на структурі або на тому, наскільки добре ваша сторінка побудована за швидкістю.

Однак новий звіт GTmetrix 2020 фокусується як на продуктивності , так і на структурі. Тобто на тому, наскільки добре ваша сторінка насправді працює (завантаження , інтерактивність, візуальна стабільність) для користувача. А також на тому, наскільки добре ваша сторінка побудована для продуктивності .

В цілому, новий звіт GTmetrix 2020 встановлює абсолютно новий стандарт веб-продуктивності для ваших сторінок. Оскільки він орієнтований на зручність використання вашої сторінки .


Підсумок

Це найбільш повне оновлення GTmetrix на сьогоднішній день. Воно добре відповідає вашим потребам в продуктивності в Інтернеті.

Новий звіт GTmetrix 2020 був повністю перероблений. Він урахувовує нові дані Lighthouse, які, ймовірно, змінять спосіб оцінки ефективності вашої сторінки.

SEO студія Fory Group

Поделиться на своей странице социальной сети: