is loading...

Контактна інформація:

  • Головна
  • Блог
  • Рекомендації по оптимізації Wordpress для Google pagespeed

01.

Блог

Рекомендації по оптимізації Wordpress для Google pagespeed

March 21, 2018
Коментарі (0)
347
Рекомендації по оптимізації Wordpress для Google pagespeed

Оптимізація сайту під пк і мобільні пристрої за показниками Google pagespeed є одним з найважливіших факторів оцінки і seo просування ресурсу в пошукових системах. Сьогодні ми надамо рекомендації щодо оптимізації сайту на wordpress для Google pagespeed.

Оптимізація сайту Google pagespeed

Неможливо оптимізувати сайт раз і назавжди! Це велика помилка, в яку потрапляють деякі власники сайтів. Почнемо з того, що вимоги до оптимізації сайту змінюються якщо не щомісяця, то раз в квартал стабільно. І сайт доводиться адаптувати під нововведення. До того ж, існують розхожі думки за показниками оцінки для мобільної версії сайту. Показник може змінюватися при перезавантаженні протягом 5-10 хвилин.

Оптимізація Wordpress для Google pagespeed

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

Дана проблема існує тільки з тієї причини, що CMS Wordpress використовується не за призначенням. Що це означає, читайте в нашій статті: «Фреймворк або фрішард».

Незважаючи на те, що вордпресс це cms виключно для блогів. Народні умільці вже встигли наплодити інтернет-магазинів, бірж і так далі на цій «чудо» CMS. Таким чином понад 80% сайтів використовують саме цю платформу і у них звичайно ж існують проблеми щодо оптимізації.

Рекомендації для сайтів від Google pagespeed

Давайте розберемося в рекомендаціях від Google pagespeed:

  • прибрати підключення css і js c <header>. Це дозволить віддавати інформацію користувачеві з сайту набагато швидше
  • оптимізація зображень
  • швидкість відповіді сервера
  • використання сучасних форматів зображення

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

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

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

Як оптимізувати сайт під google pagespeed?

1. Прибираємо всі скрипти в футер. Результат google pagespeed важливий для пошукової оптимізації, тому слід розуміти, що це всього лише рекомендації. Але для того, щоб мінімізувати завантаження сайту все-таки доведеться частково їх виконати. Для початку залиште підключення бібліотеки jquery в шапці сайту, а всі інші скрипти перепідключіть в футері. Для цього необхідно створити функцію в functions.php вашої теми.

Після цієї дії в обов'язковому порядку необхідно перевірити на коректну роботу сайту (скинувши перед цим кеш якщо він включений).

2. Пропускаємо всі скрипти через Minify (найчастіше це можливо робити і через панель хостингу).

3. Стискаємо так само всі файли стилів. Пункти 2,3 можливо виконати і через плагін, про який розповімо пізніше.

Оптимізуємо медіа контент для даних цілей. Ми зазвичай використовуємо плагін EWWW Image Optimize

Даний плагін дозволяє навіть за допомогою безкоштовної версії оптимізувати пакетно усі медіа файли бібліотеки wordpress.

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

5. Далі нам будуть потрібні два плагіна: Autoptimize і WP Super Cache

Ось їх налаштування, які ми рекомендуємо:

WP Super Cache обов'язково зберіть «Загальний кеш» і налаштуйте щоб при змінах він очищався.

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

Дані налаштування є рекомендацією і можливо в вашому випадку можуть не спрацювати або некоректно відпрацювати. Тому обов'язково скопіюйте дефолтний файл і в разі помилок 500 і так далі встановіть його назад.

На цьому всі наші рекомендації закінчуються. Завдяки таким діям ми змогли досягти 100% результату в gmetrix. Що ж стосується результатів google pagespeed дивіться самі

І не забувайте будь ласка про головну рекомендацію: не перевантажуйте сторінку медіа контентом! Це дозволить Вам зберегти даний результат постійно. Так само якщо у Вас з'явилася задача по оптимізації сайту під google pagespeed і у Вас це не виходить. Ви завжди зможете звернутися до нас!

Залиште коментар