Через три тижні дослідів і експериментів зі своїм сайтом, які працюють на WordPress, я нарешті-то домігся приемлимой оцінки продуктивності мого блогу в сервісі Insights. Часу і сил це зайняло порядком, але результати вже помітні.
В процесі оптимізації блогу для отримання високої оцінки Goolge PageSpeed Insights я дуже багато дізнався і хочу поділитися практичними порадами настройки WordPress. Чи не обіцяю оцінки 100/100, тому що існують незалежні від веб-майстра фактори, але про все по порядку.
суть оптимізації
Для Desktop 94 бали
Насправді в процесі оптимізації сайту швидко розумієш, що це не гугл вимагає від тебе дотримання певних правил, а вся інфраструктура мереж і кінцеві користувачі потребують цих параметрах сайту.
Чим швидше працює твій блог (та й будь-який сайт в принципі), тим зручніше користувачам з ним взаємодіяти: сайт швидко завантажується, їм зручно користуватися на будь-яких пристроях. Саме тому сайти з високим індексом отримують більш високий ранг в пошукових системах.
Оптимізація зображень WordPress
Подивившись в перший раз на звіт Insights, я виявив, що більша частина зображень на сайті не оптимізовані, причому Google повідомляв, що багато картинки можна стиснути мало не на 80%. Завдання оптимізації зображень складається з двох етапів:
- оптимізація вже завантажених картинок;
- оптимізація картинок нових записів.
Всього неоптимізованих картинок на сайті було близько 1 200 штук. Очевидно, що вручну обробляти такий масив файлів через якусь Оптімізіллу не дуже хочеться, та й часу займе чортову купу.
Швидкий пошук по проблемі видав мені плагін WP Smush . Він дозволяє реалізувати і оптимізацію існуючих зображень, і оптимізацію тих картинок, які будуть додаватися в подальшому.
З першим пунктом мені довелося попотіти. Розробники плагіна дозволяють оптимізувати тільки 50 картинок за раз (в безкоштовній версії). Ділимо існуючий набір в 1 200 картинок на 50, отримуємо 24 натискання на кнопку BULK SMASH NOW. Ну, нічого, за пару днів впорався.
Всі нові картинки я тепер в обов'язковій порядку виганяю через Оптімізіллу, чого і вам бажаю. При використанні такої практики, WP Smush видаляти не слід хоча б тому, що плагін оптимізує не тільки завантажене вами зображення, але ще і ті файли з різними розмірами картинки, які створює WordPress при завантаженні.
Наступні етапи оптимізації
На цьому розмова про оптимізацію сайту на WordPress для отримання викокой оцінки в інструменті Google PageSpeed Insights не закінчується. Нам належить обговорити такі теми як:
- асинхронна завантаження шрифтів;
- оптимізація та скорочення розмірів файлів CSS і JavaScript;
- параметри кешування і стиснення сторінок і файлів.
Залишайтеся на зв'язку.
