Червона зона PageSpeed Insights – не привід для паніки – Web-systems
Технології
27 Січня 2017

Червона зона PageSpeed Insights – не привід для паніки

Червона зона PageSpeed Insights – не привід для паніки

Швидкість завантаження сторінки - одне з важливих вимог стандартів якості Web-systems Solutions. Згідно з нашими правилами, оцінка не повинна опускатися нижче зеленої лінії, що означає, контент відображається максимально швидко, не змушуючи користувача чекати. Однак, нещодавно багато з нас раптом виявили, що їх сайт потрапив в червону зону. Які причини, а головне, як це виправити - розберемося в статті.

Для початку нагадаємо, PageSpeed ​​Insights (PSI) – спеціально розроблений корпорацією Google, для перевірки швидкості завантаження сторінок сайту, як на десктопной версії, так і на смартфонах. За версією всесвітнього пошукача нам пропонують три “колірні зони”:

  • зелена – проблем не виявлено. Відмінно!
  • жовта – краще це виправити, якщо не дуже складно;
  • червона – якщо це виправити, сторінка стане завантажуватися набагато швидше.

Також сервіс дає рекомендації, що саме варто зробити, для оптимізації завантаження сторінок. Наприклад – стиснути розмір картинок, перенести і / або стиснути javascript і т.д. Ми заздалегідь враховуємо всі параметри, щоб на виході проект отримував тільки зелену зону. 2017 рік приніс ряд змін, і “зелені” сайти виявилися у Google “в немилості”.

Що змінилося в PageSpeed ​​Insights в 2017 році

Майже під самий новий рік, Гугл всім настійно порекомендував “стиснутись”. А точніше, максимально стиснути всі зображення. Гуглівський підопічний webpagetest.org давно пропонував так зване “стиснення з втратами”, з рівнем якості до 50%. І ось, нарешті, корпорація вирішила прийняти аналогічну політику стиснення – 12 січень 2016 підкинула власникам сайтів і розробникам “подарунок під ялинку” – замість червоного мішка Санти, червона зона на PageSpeed. Якщо раніше стислі картинки (в основному стислі без втрат або з втратами рівня якості менш 50%) Google схвалював, то за новим думку компанії, сайти повинні ще більше “схуднути”, в основному за рахунок візуальних елементів.

PSI змусить попрощатися з якісними зображеннями?

Не тільки ми, вся світова веб-громадськість, стурбована тим, що станеться з якістю зображень, в зв’язку з нововведеннями PSI. Для інтернет-магазинів одягу, або сайтів-візиток фотографів і мувімейкерів питання втрати якості зображень є критичним.

Що б там не було, панікувати не варто. Сама пропозиція про “стиснення з втратами якості” було висунуто давно, а прийнято в загальне користування, всього місяць тому. Жорсткими, на перший погляд, заходами, Google не прагне загнати нас в пастку, а тільки намагається стимулювати розробників використовувати новітні інструменти, щоб досягати найкращих результатів у швидкості надання контенту. Прийшла ера нових можливостей, розробникам стають доступні багато інструментів і модулі з обробки картинок.

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

Як убезпечити себе від червоної зони?

Знову повторимося, ми готуємо проекти, грунтуючись на стандартах розробки. І видаємо тільки якісний продукт, готовий до оптимізації. Невідомо, які ще нововведення придумають пошуковики, щоб зробити життя простих користувачів легше. Очевидно одне – якщо в алгоритмах Google з’являється щось новеньке, що в результаті впливає на ранжування у видачі, це зачіпає всі веб-сайти, і в червону зону потрапляєте не тільки ви. Питання стоїть лише в тому, щоб стежити за змінами і своєчасно на них реагувати. Адже ринок інформаційних технологій – мабуть змінюється найшвидше.

Перегляди : 211

Також рекомендуємо:

В інтернеті можна знайти величезну кількість статей про те, як ефективно продавати через онлайн майданчики і їх переваги перед індивідуально розробленими веб-сайтами. У цій статті ми не будемо сперечатися, адже багато торговців дійсно успішно реалізують свої товари на торговельних майданчиках. Ми спробуємо розібратися, на якому етапі розвитку бізнесу підприємцю знадобиться власний веб-сайт.
20 Квітня 2017
Що таке test-driven development, або TDD? TDD - техніка розробки програмного забезпечення, згідно з якою, написанню коду передує написання тестів для його перевірки. Про це ви прочитаєте в будь-якій енциклопедичній статті. У цій публікації ми розповімо про техніку в дії. У кожного практикуючого розробника свій підхід, відповідно способів застосувати теорію на практиці стільки ж, скільки і розробників у цьому світі. Як ми реалізуємо TDD на наших проектах - розповість Team Lead Back-end розробників Олександр.
28 Вересня 2018
Web-Systems Solutions використовує cookie для персоналізації сервісів і аналітики користувачів. Продовжуючи використовувати даний сайт, ви підтверджуєте свою згоду на використання файлів cookie. Ми серйозно відносимось до захисту персональних даних - ознайомтеся з умовами та принципами їх обробки.
Я погоджуюсь