10 способів оптимізувати ваш сайт WordPress, щоб зробити його швидшим

Завдяки недавньому дослідженню Microsoft, яке показало, що тривалість нашої уваги скоротилася з 12 секунд у 2000 році до 8 секунд у 2013 році, стає все більш очевидним, що веб-користувачі нетерплячі. Подальші дослідження показують, що 40% людей залишать ваш веб-сайт, якщо завантаження займає більше 3 секунд.

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

1 Регулярно оптимізуйте свою базу даних

WordPress — це CMS, яка сильно залежить від бази даних, і це може сприяти повільній роботі.

Наступні аспекти використовують багато бази даних і можуть сприяти повільній роботі веб-сайту:

• Опублікувати редакції: Ревізії публікації можуть швидко засмітити вашу базу даних і зробити ваш сайт повільнішим. Кожна редакція публікації – це новий запис у вашій базі даних, і це швидко додається. Ви можете або вимкнути публікацію редакцій, або обмежити її. Якщо вам потрібні обмежені версії, ви можете оновити wp-config.phpфайл, додавши наведений нижче код:

  define('AUTOSAVE_INTERVAL', 300); // seconds
  define('WP_POST_REVISIONS', 5);

  Наведений вище код наказує WordPress зберігати максимум 5 редакцій публікації та зберігати редакції лише з 5-хвилинним інтервалом. Ви можете відредагувати код, щоб відобразити свої потреби після редагування.

  Крім того, якщо ви не хочете додавати код до свого файлу wp-config.php, ви можете встановити Revision Control або плагін WP-Sweep WordPress для автоматичного керування редакціями публікації.

• Пінгбеки та трекбеки: пінгбеки та трекбеки також можуть засмічувати вашу базу даних, тому ви можете їх вимкнути.

• Коментарі в блозі: коментарі в блозі не обов’язково погані, доки ви не виявите, що у вас є тисячі спам-коментарів, які непотрібно займають місце у вашій базі даних. Обов’язково регулярно видаляйте спам-коментарі, щоб вони не займали місце в пам’яті.

• Плагіни: деякі плагіни зберігають дані та журнали у вашій базі даних; спочатку ви вважаєте їх корисними, поки не зрозумієте, скільки місця вони займають. У мене був плагін для скорочення URL-адрес, який також показує, що аналітичні дані використовують аж 160 МБ простору моєї бази даних. Так, це лише один плагін! Зазвичай ці плагіни непотрібні, і їх можна видалити або замінити.

• Аналітика та журнали: як правило, будьте обережні з плагінами, які зберігають дані аналітики та журналів на вашому сайті; у більшості випадків вони використовують багато місця в базі даних і можуть зробити ваш веб-сайт заплутаним і повільним.

А ще краще, ви можете встановити плагін WP-Optimize і використовувати його для регулярного очищення бази даних.

2 Оптимізуйте свої зображення

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

Є два способи зробити це:

• Регулярно оптимізуйте та зменшуйте розміри ваших зображень; ви можете зробити це без шкоди для якості, як я поясню пізніше.
• Затримка завантаження зображень; таким чином зображення не завантажуються, доки читачі не прокрутять туди, де є зображення. Це також може допомогти запобігти проблемам із завантаженням сайту.

Оптимізувавши зображення, зображення розміром 2 Мб можна зменшити до 600 Кб без шкоди для якості; це робиться шляхом видалення інформації, вбудованої в зображення, яка не потрібна для взаємодії з користувачем. Ви можете оптимізувати зображення у своєму блозі WordPress, встановивши плагін WP Smush або плагін EWWW Image Optimizer. Для ручного варіанту, який не обмежується WordPress, ви можете поглянути на Kraken.

3 Увімкніть кешування та заголовки терміну дії

Більшість веб-сайтів WordPress можуть працювати вдвічі швидше, якщо ввімкнути кешування; Кешування працює, зберігаючи версію вашого веб-сайту в кеш-пам’яті веб-переглядача вашого відвідувача, щоб вони автоматично отримували кешовану версію кожного разу, коли вони відвідують ваш веб-сайт. Зазвичай, якщо ви не налаштуєте параметри кешу іншим чином, кеш-пам’ять веб-переглядача вашого відвідувача буде оновлено, коли ви оновите свій веб-сайт, гарантуючи, що вони нічого не втратять.

Ефективно використовуючи кешування, ви можете оптимізувати швидкість свого веб-сайту такими способами:

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

Кешування може бути настільки ефективним для підвищення швидкості веб-сайту, і було помічено, що ввімкнення повного кешування для вашого веб-сайту може покращити швидкість веб-сайту з 2,4 секунд до 900 мілісекунд.

Ви можете ввімкнути кешування на своєму веб-сайті, встановивши такі плагіни:

• WP Super Cache
• WP Total Cache
• WordFence (а потім увімкніть «Falcon Engine»)

Увімкнувши кешування, ви також можете ввімкнути Expires Headers, щоб зробити ваш сайт набагато швидшим; повідомляючи браузерам ваших відвідувачів, коли запитувати певні файли з ваших серверів, Expires Headers може заощадити ваші ресурси сервера та надати користувачам швидший веб-сайт. Ось зручний посібник про те, як увімкнути заголовки Expires.

4 Увімкніть стиснення GZIP

Який ваш улюблений інструмент для стиснення файлів у формат ZIP на вашому комп’ютері? 7-Zip? WinRar? Ви, мабуть, хоча б раз стискали файли і помічали дивовижний ефект, коли файл розміром 200 МБ раптово зменшувався до 40 МБ? Як це сталося? Хоча я не надто знайомий із технічними особливостями стиснення, я знаю, що можна відтворити це на своєму веб-сайті та забезпечити швидшу роботу сайту.

Стиснення GZIP допомагає стиснути файли вашого веб-сайту в ZIP і надає все без змін вашим відвідувачам; іншими словами, досвід відвідування вашого веб-сайту такий самий, але ваш сайт набагато швидший, оскільки відвідувачам надається стиснена версія.

У статті для журналу Smashing Magazine Маркус Тейлор представив приклад сайту, розмір якого збільшився з 68 КБ до 13 КБ виключно завдяки стисненню GZIP; на основі лише стиснення GZIP цей сайт фактично вп’ятеро швидший. Ось підручник, який показує 3 способи увімкнути стиснення GZIP.

5 Використовуйте CDN

Дослідження показали, що CDN може збільшити швидкість вашого веб-сайту до 60%.

Є багато факторів, які впливають на доставку вмісту, але доступ до веб-сайту, розміщеного в Індії, буде набагато швидшим через Інтернет-з’єднання в Індії, ніж через Інтернет-з’єднання в США. З цим нічого не можна зробити; люди, які мають підключення до Інтернету ближче до вашого веб-сайту, отримають вищу швидкість, якщо ви не користуєтеся надійною службою CDN.

Налаштувавши свій сайт WordPress на використання CDN, ви дозволяєте розповсюджувати свій вміст між серверами по всьому світу, щоб відвідувачі могли обслуговувати найближчу до них версію; тому хтось, хто відвідає сайт з Азії, отримає версію вашого веб-сайту в Азії, а не основну версію в США

Існує багато провайдерів CDN, і пошук Google покаже варіанти; одними з найпопулярніших сервісів CDN є CloudFlare (безкоштовний) і MaxCDN (платний).

6 Оптимізуйте або змініть свою тему WordPress

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

У прикладі для Copyblogger Джеррод Морріс показав, як зміна теми веб-сайту може скоротити час завантаження сайту з 630 мс до 172 мс; це сталося незважаючи на те, що все інше було рівним, за винятком зміни в його темі WordPress.

7 Поєднайте фонові зображення зі спрайтом зображень

Ваша тема WordPress покладається на кілька фонових зображень у поєднанні з командами CSS, щоб правильно відображати чистий фон; тому гарне фонове зображення, яке ви бачите, ймовірно, складається з 12 різних фонових зображень. На перший погляд це виглядає нормально й невинно, поки ви не зрозумієте, що 12 зображень представляють 12 різних запитів до вашого сервера від браузера відвідувача; що, якщо ви зможете перетворити ці 12 зображень на 1? Ви помітите різке збільшення швидкості.

Об’єднавши фонові зображення в спрайти зображень, ви можете перетворити різні фонові зображення вашої теми в одне зображення, а потім використовувати CSS, щоб ваш веб-сайт відображався нормально. Це зменшить загальну кількість байтів, які потрібно завантажити браузерам відвідувачів, зменшить затримки, спричинені зворотними пересиланнями, і витрати на запити. Результатом є набагато швидший веб-сайт для вас.

Ви можете поєднувати свої зображення в спрайти за допомогою SpriteMe.

8 Використовуйте асинхронну доставку лише для кодів JavaScript

Ви, напевно, бачили, як простой Facebook призводить до несправності веб-сайтів або робить їх неймовірно повільними? Цікаво те, що це відбувається не лише тоді, коли ви встановлюєте код Facebook; це може статися, коли ви синхронно встановлюєте код із будь-якого сайту, особливо аналітики чи служб відстеження. Якщо код інстальовано синхронно на вашому сайті, код має завантажитися першим – залежно від розділу коду – до завантаження інших елементів на вашому сайті.

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

9 Увімкніть HTTP Keep-Alive

Кожного разу, коли відвідувач запитує файл із вашого сервера, кожен файл буде надіслано окремо; Проблема цього підходу полягає в тому, що він повинен відкривати нове з’єднання для кожного файлу, що зрештою призводить до повільної роботи веб-сайту залежно від того, скільки людей відвідують ваш веб-сайт одночасно. Увімкнувши HTTP Keep-Alive, ви наказуєте браузеру відвідувача доставити всі файли через одне з’єднання; таким чином з’єднання залишатиметься відкритим, доки не буде надіслано всі файли, таким чином зменшуючи кількість відкритих з’єднань на вашому сервері та сприяючи швидшому веб-сайту.

10 Отримайте кращого господаря

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

У статті журналу Smashing Magazine Маркус Тейлор включив тематичне дослідження, щоб показати, який вплив веб-хостинг може мати на час завантаження сайту; він порівняв швидкість сайту двох своїх клієнтів; один на виділеному сервері, а інший на загальному хості. Відповідь була приголомшлива; сайт на виділеному сервері мав час відповіді 7 мілісекунд, тоді як сайт на сервері дешевого спільного хостингу мав час відповіді 250 мілісекунд.

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