Google PageSpeed Insights: що впливає на його результати і до чого призводить виконання рекомендацій

Ми вирішили написати цю статтю, щоб внести ясність в розбіжності між замовниками та веб-майстрами з приводу зеленої зони PageSpeed. Спори народжуються через не зовсім коректну роботу сервісу, а значить, і помилкового трактування його результатів. Викладемо суть конкретніше і на прикладах.

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

Для наочності проаналізую shop.asiastyle.top

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

Оцінки тестування – завжди різні. Погляньте на скріншоти нижче.

 

Я зробив жодних змін, запускаю перевірку повторно, через пів хвилини.

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

Проведемо третій тест.

Оцінка версії для ПК коливається поблизу стартової позначки. Але ось мобільні результати істотно відрізняються. На підставі цього довіра до даного сервісу сильно похитнулася.

Не будемо робити поспішних висновків і подивимося оцінку швидкості завантаження самим браузером.

«Інспектор розробника» показує, що завантаження сайту зайняла 0.9 секунди. А вся сторінка завантажилась за 1,32 секунди. Зазначу наявність на ній кілька слайдерів, список товарів, великих банерів і легкої анімації.

Тепер порівняємо результат з даними від PageSpeed.

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

Однак мобільна версія завантажилася аж за 9,5 секунд.

Звідки взято такі дані, незрозуміло, адже при замірах реальної швидкості завантаження зі смартфона, чекати 9,5 секунд жодного разу не довелося.

Тепер звернемо увагу на рекомендації. Які поради для зменшення швидкості завантаження дає гугл?

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

Ось так виглядає сайт до і після редагування.

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

Подивимося на результат після внесення змін.

Так, завантаження прискорилося. Правда, дозавантажувати залишилося тільки картинки.

Але щодо них рекомендації теж є.

Гугл радить позбутися зображень у форматі .jpg. Розберемося з його пропозицією. Мабуть, не вноситимемо зміни на сайті, а проаналізуємо, які браузери підтримують ті формати, що рекомендує гугл. Для цього використовуємо сервіс caniuse.com.

1-й формат під силу тільки Safari.
2-й – не підтримує жоден з браузерів.
3-й – підтримується всюди, але не в Safari.

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

Але це ще не кінець: гугл знову радить видалити «надлишки».
Відразу ж звернемо вашу увагу на розділ «Успішні аудити». Тут вказано, що коди CSS і JS – оптимальні, і нічого зайвого немає.

Це – очевидне протиріччя з зазначеними вище рекомендаціями.

Нарешті, вирішили повернути сайт в початковий стан і протестував його четвертий раз.

Тепер результати нагадують щось середнє між першим і другим тестуванням.

Як десерт перевіряэмо швидкість завантаження сайту на мобільному інтернеті 3G, озброївшись секундоміром. Результат: 2 секунди.

Висновок:

Використовувати даний сервіс можна. І деякі поради можуть бути корисними. Однак довіряти виключно оцінками PageSpeed ​​не варто. І вже тим більше, не варто гнатися за попаданням в зелену зону.

Наостанок протестували інструментом від гугла сайт rozetka.com.ua. Результати говорять самі за себе

Отримати 10% на розробку сайту і дизайну

Читайте також

Меню
Хочешь 10% скидки?«Ответь всего на 5 вопросов»Ваша скидка: 10%