9 Рад, як прискорити роботу сайту на wordpress, блог hostiq
Всім потрібно, щоб їх сайти завантажувалися і працювали якомога швидше. Але це не буде відбуватися саме по собі, особливо якщо сайт наповнений досить важким контентом і його відвідує величезна кількість людей. CMS WordPress - не зразок ідеально швидкої платформи, але є способи, які допоможуть прискорити завантаження сайту. Пам'ятайте, що це впливає не тільки на лояльність відвідувачів, а й на місце вашого сайту в пошукових результатах, так як Google використовує час завантаження сторінок як один з факторів ранжирування.
Перевірити швидкість завантаження сайту можна за допомогою інструменту Google Page Speed. щоб відстежити ступінь впливу кожного кроку, який ми розберемо далі.
Оптимізація WordPress - поради
Вибір теми для WordPress
Оптимізація зображень WordPress
Без зображень ваш сайт навряд чи обійдеться, тому важливо, щоб вони були оптимізовані.
Використовуйте зображення відповідних розмірів. Не завантажуйте великі картинки, щоб потім масштабувати їх під HTML. Переконайтеся, що ви завантажуєте фотографії та інші зображення розміром не більше, ніж той, який повинен відображатися.
Видаляйте всю зайву інформацію з фотографій (дата створення, камера, GPS- координати та інше, що можна знайти у властивостях файлу). З цим вам допоможе плагін для оптимізації зображень WordPress WP Smush.it.
Прискорити WordPress допоможуть CSS-спрайт - техніка CSS, яка дозволяє об'єднати всі елементи дизайну на сторінці в одне зображення. В результаті замість того, щоб завантажувати безліч окремих зображень, кожен раз роблячи HTTP-запит, сайт відкриє одне зображення. Використовувати CSS-спрайт можна в тому випадку, якщо поточна тема вашого сайту їх підтримує.
Існує безліч плагінів, які допоможуть вам зменшити розмір зображень. Наприклад, EWWW Image Optimizer або вже згаданий WP Smush.it. Можна використовувати і сторонні сервіси для зменшення розміру картинок. Наприклад, сервіс Tinyjpg відмінно зменшує розмір зображень без втрати якості.
Покажемо, як обробити всі ваші зображення З EWWW Image Optimizer всього в кілька кліків:
Після того, як ви встановили та активували плагін, зайдіть в адміністраторську панель WordPress і перейдіть в меню Медіафайли >> Масова оптимізація:
Ви побачите опцію для оптимізації всіх зображень в бібліотеці. Натисніть кнопку "Почати оптимізацію".
Якщо вам потрібно оптимізувати зображення поза бібліотекою медіафайлів (наприклад, графічні елементи активної теми), скористайтеся кнопкою "Сканувати і оптимізувати".
Важливо: плагін дозволяє визначати ступінь стиснення зображень. Наприклад, якщо у вас фотоблог, то дуже добре оптимізовані зображення втратять якість.
стиснення файлів
Оптимізація сайту WordPress можлива і через стиснення файлів. Якщо ви користуєтеся хостингової панеллю cPanel, то можете скористатися меню "Оптимізувати веб-сайт".
Користуватися ним дуже легко: просто виберіть опцію "Стиснути все вміст" і натисніть "Оновити параметри". Таким чином всі файли вашого сайту стиснуться. Якщо ж ви хочете стиснути тільки певний тип файлів, то скористайтеся опцією "Стиснути зазначені типи MIME".
кешування браузера
Відкрийте .htaccess файл, розташований в кореневій директорії сайту, і додайте наступний код:
Термін зберігання можна змінити в залежності від ваших вимог.
Важливо: перед внесенням будь-яких правок в .htaccess зробіть бекап цього файлу. Якщо з файлом .htaccess щось піде не так, сайт не буде працювати.
кешування WordPress
Такі плагіни значно поліпшать швидкість завантаження сторінок. Найпопулярніші - W3 Total Cache і WP Super Cache. Головна відмінність між ними - це те, що W3 Total Cache піддається більш гнучкою налаштування.
Розглянемо приклад налаштування W3 Total Cache:
В меню Settings включите наступні опції:
І після цього натисніть на кнопку "Save All Settings".
Використовуючи плагін кешування для WordPress, сайт буде завантажуватися швидше.
Використання CDN
CDN - це мережа доставки контенту, яка складається з серверів, які копіюють ваш сайт по всім своїм локаційним пунктам. Коли ваші відвідувачі роблять запит до сайту, найближчий до них сервер віддає контент, що значно скорочує швидкість відповіді в порівнянні зі зверненням до головного датацентрі хостинг-провайдера.
Всі інші пункти нижче впливають не так впливають на швидкість завантаження сторінки, як на оптимізацію використання ресурсів і загальний користувальницький досвід, тому вони не менш важливі.
Оптимізація домашньої сторінки
Перше, що люди бачать на вашому сайті - це домашня сторінка. А якщо користувач потрапив відразу на якусь іншу сторінку, то все одно багато хто переходить після цього на головну. Кілька порад щодо оптимізації домашньої сторінки:
Налаштування LazyLoad - відкладена завантаження зображень
LazyLoad - плагіни, які допомагають здійснювати відкладену завантаження зображень. Це актуально для сайтів, на яких зображень дуже багато. Завантаження зображення починається тільки тоді, коли користувач долістивает до певного місця на сторінці. Отже, якщо на сторінці є зображення в самому кінці, а користувач просто не долістал до цього місця, то завантаження зображення не відбудеться. Приклад такого плагіна - jQuery Image Lazy Load.
Звичайно, ви не побачите зорового ефекту від цього плагіна, але він може зменшити споживання серверних ресурсів вашим сайтом, завантажуючи менше інформації для користувачів, які прокрутити сторінки не повністю.
Включення захисту від хотлінкінга
Якщо ви є користувачем cPanel, ви можете скористатися вбудованою опцією "Захист Hotlink".
Також ви можете включити захист від хотлінкінга за допомогою .htaccess коду:
За допомогою цього коду ваш сервер перевіряє, звідки саме прийшов запит: якщо зі сторінок вашого сайту, то він віддасть зображення користувачу без проблем; якщо ж з чужого сайту - то сервер показує зображення з помилкою (nohotlink.jpg - будь-яке зображення, яке ви захочете використовувати з цією метою).
От і все! Це ті базові опції по оптимізації сайту на WordPress, які не зажадають від вас багато часу, але зможуть поліпшити роботу вашого сайту.