Поради щодо прискорення роботи WordPress

Це не зовсім стандартна стаття, з якої потрібно скопіювати/вставити код, це скоріше стаття, в якій я ділюся досвідом оптимізації мого сайту на WordPress. Не скажу, що описані найкращі методи, але вони мають працювати.

Рада 1. Не використовуйте @import

Деякі теми WordPress або, особливо, теми-нащадки використовують команду @import в CSS-файл, щоб імпортувати стилі з батьківської теми. І хоча цей метод робить style.css Для теми-нащадка маленьким і легким, він впливає швидкість завантаження, оскільки браузеру потрібно завантажити таблиці стилів. Файл не скачуватиметься паралельно, а буде поставлений у чергу, що збільшить час завантаження.

Що я зазвичай роблю – видаляю команду @import з мого файлу CSS і просто копіюю весь CSS файл, який раніше імпортувався. За допомогою W3 Total Cache або Wp-Minify можна зменшити розмір файлу CSS.

Ще одна фішка – використання тега . Згідно з порадами Google Web Performance Best Practices, тег дозволяє браузеру завантажувати файли у паралельному режимі. Просто видаліть команду @import у таблиці стилів і додайте таблицю стилів у такому вигляді:

<link rel="stylesheet" href="first.css" />
<link rel="stylesheet" href="second.css" />

Рада 2. Асинхронні коди

Завжди вибирайте асинхронні типи вихідних кодів для ваших кнопок соціальних мереж та Google Analytics. Я думаю, що всі звичайні штуки, які ми додаємо на наш сайт (Google Analytics, Подобається Facebook, Google Plus) вже надають такий тип коду. Переконайтеся, що ви використовуєте оновлену версію кодів і що ви використовуєте асинхронні коди.

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

Рада 3. Запускайте лише вибрані JavaScript на певних сторінках

Чи потрібно вам запускати commentreply.js на головній сторінці, де немає можливості коментування? У цьому є основна ідея. Деякі скрипти JavaScript, які використовуються у темі, можна виключити із запуску на певних сторінках, щоб зменшити час завантаження для вашого сайту Як ми можемо це зробити?

Одне з рішень – використання плагіна Віджетна логіка, щоб контролювати віджети або сторінки, на яких з'являться віджети. У моєму випадку, оскільки я не відображаю жодних кнопок соціальних мереж на моїй головній сторінці, я встановлюю для конкретного віджету, що скрипт, необхідний для цих кнопок, буде запущений лише на деяких сторінках.

Ви можете запитати, чому я не розміщу скрипт саме в single.php. Причина в тому, що оскільки я використовую Двадцять одинадцять із темою-нащадком, сайдбар викликається після основного контенту. Таким чином, теоретично контент з'явиться спочатку (повністю), а потім з'являться кнопки. Ніхто не натисне на кнопки соціальних мереж ще до того, як прочитає контент, тому краще дати контенту завантажитися для ваших читачів швидше.

Інший метод – використовувати функцію мінімізації W3Доtal Cache. Ви можете вибрати, де вставити ці мінімізовані скрипти (у , Перед або після ), але це вимагає великої кількості спроб і помилок з вашого боку.

Ідея вставити скрипти, які дійсно використовуються в дизайні вашої теми, всередині , а решта – перед . У процесі спроб і помилок ваш сайт часто виглядатиме криво в деякі моменти, але не переживайте, це вирішується очищенням печиво та кеша.

Рада 4. Використовуйте CloudFlare

CloudFlare набирає популярності серед користувачів WordPress. Причина проста – їх CDN-мережа працює і вона безкоштовна. З доданим захистом від спамботів, CloudFlare – гарна можливість для додавання до вашої інсталяції WordPress.

Зараз ви можете автоматично встановити CloudFlare через cPanel (Питання в тому, чи підтримується це вашим хостером, чи ні). Установка через cPanel навіть простіша, ніж вручну.

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

Я запропонував би вам проводити якийсь час щомісяця, використовуючи інструменти на кшталт GTmetrix и Pingdom Full Page Test для аналізу вашого сайту

Джерело: WP.tutsplus.com