Привіт всім! давно я хотів написати статтю про сервіс google page speed, хоча я тож писав уже про прискорення і оптимізацію сайту і давав поради, які допоможуть вам підвищити показник в google page speed. Але мова сьогодні про інше, з недавніх пір я перестав турбуватися про своє показники в сервісі google speed і намагатися його як то підвищити. Свого часу я збільшив показник з 2% до 87% вражає не так !? Але через деякий час мені довелося поміняти шаблон мого wordpress сайту, після чого показник впав до 63%, напевно шаблон виявився важчим за попередній.

Так само в подальшому при установці одного плагіна, який виводить на сайт адаптивну сітку анонсів записів, показник ще впав до 30%. Тобто я так зрозумів мені потрібно було вибирати або красивий сайт, або високий показник в сервісі google speed. Причому я помітив, що показник може бути невисоким 50-70% і це ніяк не впливає на швидкість відкриття сайту в браузері. При показнику 63% мій сайт працює без проблем, звичайно якщо відмовитися практично від усіх плагінів і вибрати собі тему для сайту по легше, то можна підвищити показник до 90-100%. Але заради чого це робити? Заради цифри? Заради зарозумілості?

Google page speed вважає кожен кілобайт! якщо зображення на вашому сайті можна оптимізувати, тобто стиснути ще на пару кілобайт, то google знизить показник, до тих пір поки ви не приберете ці пару кілобайт. Тобто всього через декілька кілобайт показник може бути знижений, але при цьому для сайту це не несе абсолютно ніяких змін в плані швидкості, все як і раніше! Тоді навіщо я буду заганятися через ці кілобайт, пихкати там, час своє витрачати? Знову ж виходить тільки заради цифр, заради того, що я всіх краще і крутіше, ось подивіться який у мене високий показник, це маячня!

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

Я знаю як зробити високий показник, але мені це більше не цікаво, мені цікаво писати корисні записи на своєму сайті. І міняти свій шаблон заради високого показника я то ж не збираюся, на даний момент мене все влаштовує. На останок хочу показати скріншот з показником в google page speed самого популярного і відвідуваного сайту в Росії - Вконтакте, напевно там і не чули про такий сервіс.

Мої рекомендації: якщо у вас проблеми з сайтом, він повільно завантажується, проблеми з сервером, створює велике навантаження, То можливо сервіс google page speed може допомогти вам виявити причини і допомогти вам їх усунути. Якщо проблем у вас немає з продуктивністю сайту, то вам не потрібно знати про цей сервіс, він не потрібен вам, підвищення показника ні чим вам не допоможе, тільки відніме час і сплутає всі карти.

Потрібно зрозуміти, що сам по собі движок wordpress це важка система, багато функцій і прибамбасів, на що потрібні ресурси. Проблему з навантаженням сервера може вирішити тільки збільшення лімітів хостингу, тобто перехід на більш високий тариф або виділений сервер. При досягненні певного показника цей процес неминучий і тут google page speed вам вже не допоможе.

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

Крім корисності для SEO є й інші причини для поліпшення швидкості сторінки. Швидкі веб-сайти мають велику конверсію, вони набагато зручніше для користувача. Це може залучити більшу кількість людей на ваш сайт і змусити їх повернутися знову.

дослідження Google

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

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

•   Кожного разу завантаження від 1 до 3 секунд ймовірність відмови збільшується до 32%
•   Від 1 до 5 секунд до 90%
•   Від 1 до 10 секунд ймовірність відмови вже 123%
• Не важко здогадатися, скільки відвідувачів ми втрачаємо.

Швидкість сторінок буде важливим фактором для ранжирування

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

А не так давно був анонсований новий фактор ранжування в мобільному пошуку під назвою «Speed \u200b\u200bUpdate». Оновлення вступить в силу в липні 2018 року, тому у власників сайтів буде час підготуватися.

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

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

• 1. Використовуйте кешування в браузері і стиснення gzip / deflate. У разі, якщо у вас стоїть apache, це налаштовується в htaccess.
• 2. Оптимізувати зображення. Видалення непотрібної інформації і стиснення картинок здатні значно зменшити їх вагу.
• 3. Скоротіть ресурси javascript, css, html код. Якщо сайт знаходиться в стадії розробки, то для зручності редактіроватія коду цей пункт краще залишити на потім.
• 4. Використовуйте нову версію протоколу HTTP / 2. Він більш ефективний, надійний і схильний до меншої кількості помилок.
• 5. Переходьте на PHP7. Працює більш ніж в два рази швидше, ніж його попередня версія.

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

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

Google PageSpeed \u200b\u200b- інструмент який дозволяє перевірити швидкість роботи сайту. Він дозволяє оцінити швидкість завантаження для стаціонарних ПК і для мобільних пристроїв і видає рекомендації, які можуть бути використані для оптимізації.

Результат аналізу швидкості завантаження сайту виглядає так:

Перевірити швидкість роботи сайту з Google PageSpeed \u200b\u200bInsights і рекомендації сервісу

Після проведення аналізу швидкості завантаження сайту найчастіше можна отримати наступні рекомендації:

Optimize images

Сама часто зустрічається рекомендація сервісу пов'язана з оптимальним вибором зображень для сайту. Графічний контент дуже важкий і може сильно уповільнювати завантаження сторінок ресурсу. Найзагальніші рекомендації полягають у виборі правильного формату (найчастіше має сенс використовувати PNG), розміру і якості зображень. так занадто велике зображення, Що використовується в якості фону може в рази уповільнити швидкість завантаження сайту. Завжди потрібно перевіряти зображення і максимально зменшувати їх розмір і якість (розмір і якість зображень має сенс ставити мінімальними прийнятними для конкретного ресурсу).

Enable Compression

Стиснення веб-сервером є важливим параметром, що забезпечує швидкодію. Чи включається за рахунок модуля mod_deflate в Apache або за рахунок директиви в Nginx.

Leverage browser caching

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

Eliminate render-blocking JavaScript and CSS in above-the-fold content

JavaScript код за замовчуванням виповнюється в міру того як завантажується сторінка, схожим чином обробляється CSS. Тобто Якщо JS скрипт підключений в тілі документа, його рендеринг кожен раз переривається до тих пір поки скрипт виконаний не буде. Уникнути цього можна додаючи при підключенні JavaScript і HTML тіло сторінки буде рендерится незалежно від виконуваного коду.

Наприклад, JS в асинхронному режимі можна підключити так:
Стало:

І - ура! - у нас результати вище (посилання на сайт):

• швидкість для мобільних - 99/100;
• швидкість для комп'ютера - 99/100;

І скаржиться тільки на:

Виправте по можливості:
скоротіть HTML
Стиснення HTML-коду (в тому числі вбудованого коду JavaScript або CSS) дозволяє скоротити обсяг даних, щоб прискорити завантаження і обробку.

Але це проблему можна вирішити стисненням коду. До даної теми не ставитися.
А також ми не забуваємо, що все-таки ми не вирішили проблему описану вище:

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

Скільки вони важили в файлі, стільки ж важать і в коді!

А тепер самий головне питання: Баг або фіча?
Дякую!