Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

Дивіться також:

Чому швидке завантаження сайту таке важливе?

Якщо ви ставите питання, навіщо вам потрібно прискорити завантаження вашого сайту, то візьміть до уваги три основні важливі моменти.

Поліпшення конверсії

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

Поліпшення досвіду користувача

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

Поліпшення позицій у пошукових системах

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

Протестувати, наскільки Google любить ваш сайт, ви завжди можете тут: https://developers.google.com/speed/pagespeed/insights/

Як прискорити завантаження сайту на WordPress?

Можна знайти багато способів покращити швидкість завантаження сторінок сайту на WordPress. І для цього вистачить найпростіших знань про роботу двигуна.

Розглянемо кілька із них.

Використання плагінів кешування

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

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

Серед найкращих плагінів кешування варто відзначити WP Super Cache и W3 Total Cacheякі працюють майже на всіх сайтах WordPress. З преміум плагінів WP Rocket.

Мінімізуйте та об'єднайте файли CSS та JavaScript

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

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

Але цю проблему можна вирішити так. Можна об'єднати однотипні файли, які надсилатимуть по одному CSS та JavaScript файлу для кожної сторінки. Для цього завдання є досить багато плагінів, які до того ж виконують мінімізацію коду. Один із таких плагінів — Autoptimize.

Будьте обережні: об'єднання та мінімізація CSS та JavaScript коду може спровокувати неполадки у фронтенді, тому з ними потрібно бути дуже уважними. Але не бійтеся зробити щось не так. Подібного роду проблеми можна запобігти, якщо відключити плагін та очистити кеш за допомогою плагінів кешування.

Проводьте регулярне очищення бази даних

Щоразу, коли ви виконуєте будь-які дії на своєму сайті, будь то додавання/видалення записів, коментарів, зміна параметрів, встановлення нових плагінів, в базі даних залишається інформація, яку потрібно регулярно чистити.

У репозиторії WordPress ви знайдете багато плагінів для очищення бази даних, наприклад, WP-Optimize. З його допомогою ви проведете очищення в один клік. Робіть це регулярно хоча б раз на тиждень.

Виберіть надійного хостинг-провайдера

Майте на увазі, що навіть якщо у вас добре оптимізований сайт, він все одно буде повільно функціонувати на слабкому сервері.

Тому наявність високопродуктивного хостингу – це чи не перше, що варто подбати для прискорення роботи сайту. Хороші хостинги забезпечують серверами з високоякісним обладнанням та підтримкою технічного відділу. Їх ви зможете знайти у вільному пошуку на запит «хостинг WordPress».

Висновок

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

Джерело: code.tutsplus.com
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 6

Саймон:

Дільний пост, дякую!

Андрій:

Пост заради посту, порожній та нікчемний…. Мало того, що не написано нічого ділового про прискорення, та й ідеологічно неправильно все: якщо сайт — гівно, то заощаджені секунди ніяк не врятують, а якщо відвідувачу інформація потрібна, він чекатиме до посиніння… краще подумайте, що запропонувати відвідувачу краще ніж у конкурентів , а не ці вошиві 3 секунди.

Надія:

Скажіть а чи можна прибрати слайдер в темі Oxygen, дуже потрібно його прибрати, сама тема дуже подобається але слайдер занадто вантажить головну, допоможіть пліз)

фешенебельний:

нічого нового, та й справді порожній піст, тисяча і одна сторінка таких же подібних. даєш щось нове про прискорення завантаження!

Санька:

Можу дати слушну пораду яка підняла мій сайт після початкової перевірки PageSpeed ​​Insights від developers google з 69 (мобільний) та 82 (ПК) до 96/91 відповідно. Так, хто не зрозумів, цифри, це показник якості вашого сайту для мобілок та пк. Тобто наскільки ваш сайт адаптований і наскільки він швидко завантажується (а це дуже сильно впливає на ранжування). Так ось, потрібно в functions.php в самому кінці вставити це:
функція footer_enqueue_scripts() {
# Видаляємо JavaScript із заголовка
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
# Виводимо у footer
add_action('wp_footer', 'wp_print_scripts', 5);
add_action('wp_footer', 'wp_enqueue_scripts', 5);
add_action('wp_footer', 'wp_print_head_scripts', 5);
}
add_action('after_setup_theme', 'footer_enqueue_scripts');

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

Євген:

Насправді CDN оч круто сайт прискорює! Я нещодавно спробував KeyCDN - там з фічів найголовніше для мене це HTTP2, у мене просто купа дрібних статичних файлів, які на водоспаді один за одним вантажаться і виходить що відсотків 70-80 часу це всякі js, css, jpg та інше. А коли KeyCDN зробив - все стало ок, просто у мене походу хостер не підтримує http2, а ці хлопці можуть))) Якщо кому цікаві конкретні цифри - час завантаження статичного контенту впав з 8 до 2-3 сек. Якщо що - не закидайте мене ганчірками, сподіваюся буде комунити корисна))) п.с. для WP у них плагін - CDN Enabler, лінка ось - https://ua.wordpress.org/plugins/cdn-enabler/

Додати коментар або відгук