Як пришвидшити роботу веб-сайту на WordPress – професійні поради
Оскільки ми живемо все швидше і швидше, час стає нашим найціннішим ресурсом. Саме тому кілька додаткових секунд для завантаження веб-сайту можуть вплинути на його рейтинг, коефіцієнт конверсії та загальну взаємодію з користувачем. Згідно з дослідженнями, багато споживачів очікують, що веб-сайти завантажуватимуться за дві секунди або менше. Крім того, 40% користувачів залишать сторінку, яка завантажується три або більше секунд. Якщо швидкість вашого веб-сайту низька, ви ризикуєте втратити своїх потенційних клієнтів і замовників, оскільки майже половина ваших відвідувачів покине сайт, навіть не зайшовши на ваш сайт. Крім того, величезна кількість ваших потенційних клієнтів сказали, що вони не повернуться на веб-сайт, який завантажується багато років. Це може вплинути на ваш бізнес і зменшити ваші шанси на те, щоб вас помітили та зайняли хороші позиції порівняно з конкурентами. Ще одна важлива річ, яку ви повинні мати на увазі, це той факт, що кількість пошукових запитів на мобільних веб-сайтах продовжує зростати. Іншими словами, висока швидкість веб-сайту буде дійсно важливим фактором для досягнення хороших результатів пошуку в Google. На жаль, багато речей можуть вплинути на швидкість вашого сайту. Від оптимізації бази даних, послуг сервера та хостингу до типу вмісту, яким ви ділитеся. Хороша новина полягає в тому, що є багато методів, які можна використовувати для прискорення веб-сайту WordPress. Ознайомтеся з кількома практичними порадами експертів із цифрових технологій і WordPress.
Інструменти та плагіни для прискорення WordPress
Мустаасам Салім – менеджер спільноти WordPress у Cloudways
Останнім часом у ядрі WordPress було зроблено багато покращень продуктивності, але не кожен користувач отримує від цього якусь користь. Багато користувачів WordPress не знайомі з архітектурою свого хостингу та не виявляють жодного занепокоєння, чи вони розміщені в спільному середовищі чи в виділеному, але неоптимізованому. Запуск останньої версії WordPress на сервері з останньою версією PHP із декількома оптимізаціями на рівні сервера надасть користувачеві багато переваг.
Крім того, я бачив, як багато користувачів WordPress рекомендують CDN для підвищення продуктивності веб-сайту. Насправді це може негативно вплинути, якщо вузли CDN знаходяться далеко від цільової аудиторії.
CDN корисний для глобальної аудиторії. Для конкретних місцевих веб-сайтів найкращим вибором буде вибір місцевого центру обробки даних.
Хав’єр Балькасар – засновник компанії Javier Balcázar
Якщо на вашому веб-сайті є розділ блогу, ви накопичуєте коментарі в кінці кожної публікації. І це дуже добре, оскільки це означає, що люди цікавляться вашим вмістом і що ваша лояльна спільнота зростає.
Кожен коментар пов’язаний із зображенням профілю gravatar цієї особи. Це зображення, яких немає на вашому сервері, які збільшують кількість зовнішніх запитів і сповільнюють роботу веб-сторінки. Є кілька способів виправити це, але найпростішим і найшвидшим є встановлення безкоштовного та невідомого плагіна під назвою Optimum Gravatar Cache.
Цей плагін створюватиме локальні копії з оптимізованими зображеннями граваторів, зменшуючи їх вагу та кількість зовнішніх запитів. Просто встановіть його, активуйте та налаштуйте, як часто ви хочете оновлювати gravatars і де ці зображення мають зберігатися на вашому сервері.
Хоча ви справді можете налаштувати більше налаштувань, з цим у вас буде все готово, щоб пришвидшити публікації, у яких ви накопичуєте кілька коментарів.
Сайти WordPress зазвичай сповільнюються через безліч причин, але в будь-якому випадку час завантаження сайту можна збільшити! Найкраща порада, яку я міг придумати, це W3 Total Cache!
W3 Total Cache — це плагін WordPress, який має ряд чудових функцій, які допомагають веб-сайту завантажуватися набагато швидше, ніж раніше! Цей плагін створює статичні сторінки кешу для кожної завантаженої сторінки. Отже, коли сайт WordPress кешується W3 Total Cache, час завантаження сторінки та ресурси сервера значно зменшаться!
Нижче наведено кілька детальних функцій плагіна, які допомагають скоротити час завантаження будь-якого сайту WordPress:
- Мінімізація файлів HTTP, CSS і JavaScript – W3 Total Cache автоматично видаляє непотрібні або зайві дані з вихідного коду, не впливаючи на те, як браузер обробляє ресурс. W3 Total Cache використовуватиме коротші змінні, назву функції, видалятиме невикористані коди та працюватиме над форматуванням коду та коментарями, щоб мінімізувати HTTP, CSS і JS для кращого часу завантаження.
- Інтеграція CDN – W3 Total Cache також має інтеграцію CDN (Мережа доставки вмісту), яка розподіляє веб-об’єкти (текст, сценарії, графіку) і об’єкти, які можна завантажити (медійні файли, документи, програмне забезпечення) на різні проксі-сервери та центри обробки даних. Таким чином, найближчий сервер відповідатиме на основі розташування, звідки здійснюється доступ до сайту. Це призведе до швидшого завантаження сайту WordPress!
- Добре працює з AMP – W3 Total Cache вставляє сценарій у Accelerated Mobile Pages (AMP), який забезпечить блискавичну швидкість вашого веб-сайту на мобільних пристроях у сучасному мобільному світі.
Додаткові переваги W3 Total Cache для кращого часу завантаження веб-сайту:
- Кешування результатів пошуку та об’єктів бази даних
- Попереднє кешування
- Кешування браузера
W3 Total Cache — справжнє універсальне рішення для визначення часу завантаження сайту WordPress!
Стейсі Капріо – засновник Growth Marketing
Моя улюблена порада щодо прискорення роботи сайту WordPress у 2019 році — це перетворення сайту на AMP. Для цього ви можете скористатися безкоштовним плагіном WP AMP, розробленим спільно Google і WordPress. По- перше, переконайтеся, що ваша тема сумісна з плагіном. Спершу протестуйте на сайті проміжного середовища резервного копіювання, а не на реальному сайті, оскільки можуть виникнути проблеми, які потрібно вирішити. Однак запуск вашого сайту на amp робить його неймовірно легким і швидко знижує швидкість. Я бачив, як сайт завантажувався з 8 секунд до секунди після встановлення amp.
Завжди вибирайте надійного хостинг-провайдера
Девід Александер – дизайнер, розробник, SEO-консультант Mazepress
Один із найменш згадуваних способів пришвидшити WordPress – це подивитися, скільки людей скидають ваші зображення за допомогою хотлінків, і якщо це значна кількість, подумайте про блокування хотлінків.
Хотлінкінг — це коли хтось інший вирішує вставити ваше зображення без завантаження та повторного завантаження зображення.
Це означає, що якщо у вас є сотні чи тисячі випадків, коли ваші зображення були завантажені гарячими посиланнями, усі вони завантажуються з вашого сервера, і це вплине на швидкість вашого сайту.
Можливо, це не матиме миттєвого впливу на швидкість вашого сайту, але це захистить вас з часом, оскільки популярність вашого сайту зростатиме, і у вас буде викрадено багато ваших зображень і створено гарячі посилання.
Найкращий спосіб – почати з перегляду свого хостингу. Якщо ви платите 5-10 доларів США на місяць за спільний хостинг і хочете, щоб сайт завантажувався швидше, перейдіть на VPS або кероване рішення від WPEngine, Kinsta або WPX.
Якщо у вас є веб-сайт, який приносить гроші або має потенціал для цього, тоді інвестування в найкращий можливий хостинг є найкращою інвестицією, яку ви можете зробити.
Трифон Цвєтков – контент-менеджер Regiondo
Основним фактором, який впливає на швидкість і продуктивність вашого веб-сайту, є служба хостингу WordPress. Може здатися гарною ідеєю придбати спільний хостинг, особливо якщо він пропонує необмежену пропускну здатність, електронні листи, простір і багато іншого. Але загалом спільний хостинг знижує продуктивність вашого веб-сайту, оскільки ви ділитеся ресурсами сервера з незліченною кількістю інших веб-сайтів, і ви також не знаєте, скільки ресурсів використовується одним веб-сайтом.
Спільний хостинг особливо не працює в години пікового трафіку. Наприклад, якщо ваш сусідній сайт отримує великий трафік, це може вплинути на всю продуктивність сервера та може вплинути на швидкість вашого веб-сайту.
З іншого боку, якщо ви купуєте виділені хмарні сервери або використовуєте керовану службу хостингу WordPress, як-от Bluehost, DigitalOcean, SiteGround тощо, це дає вам найбільш оптимізовану конфігурацію сервера для запуску WordPress. Постачальники керованого хостингу WordPress також пропонують деякі додаткові функції, як-от автоматичне резервне копіювання та оновлення, а також розширені функції безпеки для захисту веб-сайту від зловмисних атак.
Хоча це нормально починати зі спільного хостингу, коли ви тільки починаєте свій сайт, переконайтеся, що регулярно відстежуєте використання ресурсів і обсяг трафіку вашого веб-сайту, особливо в години пік, щоб ви могли оновити до кращого сервера хостингу, щоб збільшити продуктивність вашого сайту, а також його швидкість.
Що стосується веб-сайту електронної комерції, важливо мати високий рейтинг за відповідними ключовими словами, пов’язаними з вашими продуктами. Інакше клієнти просто не знайдуть сторінки з вашим продуктом через пошукові системи.
Переконавшись, що швидкість вашої сторінки на належному рівні, ви зможете випередити конкурентів і піднятися на вершину чартів. Розмістіть свій веб-сайт на серверах із достатньою потужністю, щоб обробляти ваш трафік, і подумайте про впровадження сторінок AMP для додаткової підтримки від Google.
Я рекомендую використовувати безкоштовні служби, такі як PageSpeed Insights від Google і GTmetrix, щоб оцінити, наскільки добре працює ваш сайт і де його можна покращити.
Окрім простих змін, таких як стиснення зображень, ці програми покажуть вам, де внести зміни у серверну частину вашого сайту. Наприклад, скорочення CSS і HTML, а також уникнення переспрямувань можуть творити чудеса, прискорюючи час відповіді вашого сайту. Хоча це може здатися складним, WordPress пропонує кілька вбудованих плагінів, які автоматизують цю оптимізацію.
Маркус Міллер – керівник SEO та цифрового маркетингу компанії Bowler Hat
Абсолютно найкраще, що ви можете зробити, щоб пришвидшити WordPress, – це отримати хороший хостинг. Ми використовуємо платформу, оптимізовану спеціально для WordPress, і розміщуємо лише WordPress. Часто ми можемо перенести сайти із загального середовища хостингу, і ми бачимо покращені результати. Це особливо вірно для сайтів, які знаходяться на спільному хостингу низького рівня та не були оптимізовані, оскільки технічна оптимізація та кешування вбудовані в платформу. Це не означає, що інші передові практики не важливі, як-от оптимізація ваших зображень і уважність до плагінів, які ви використовуєте. Однак, щоб отримати найкращі результати з найменшими зусиллями, інвестуйте в якісний хостинг для свого сайту WordPress. Вся інша оптимізація швидкості – це вишенька на торті!
Кріс Оквіст, директор із взаємодії з користувачами та цифрової стратегії бруклінської студії дизайну Dialogue Theory
Підвищення швидкості сайту WordPress може включати широкий спектр вправ, але найчастіше найпростіший – і найсуттєвіший – результат може отримати оптимізація зображень. Дуже багато веб-сайтів розміщують величезні зображення – набагато більші, ніж потрібно, і майже без стиснення. Це часто трапляється з найрозумнішими командами з добрими намірами: через довгий час після ретельного редизайну веб-сайту великі файли зображень з часом «прокрадаються» на сайт, оскільки учасники та менеджери контенту, які або стискаються за часом, або не підозрюють, завантажують важкі ресурси, не беручи до уваги належний догляд, щоб зменшити їх вплив.
Щоб гарантувати, що масивні зображення не сповільнюють роботу сайту:
- Скануйте свої сторінки за допомогою надійного безкоштовного тесту продуктивності (нам подобається Webpagetest ).
- Зверніть особливу увагу на «Подання водоспаду», щоб визначити будь-які файли зображень, які сприяють тривалому завантаженню.
- Змініть розмір будь-яких великих файлів, обрізавши їх, щоб не завантажувати більші файли, ніж потрібно, і використовуйте стиснення, включене в такий інструмент, як Photoshop (або онлайн-інструмент, як-от Tinypng, щоб зробити їх якомога легшими без шкоди для якості зображення ). Зображення головних героїв, навіть деталізовані, не повинні перевищувати 150 Кб – вбудовані зображення мають бути ще меншими – прагнути до 30-60 Кб щонайбільше.
- Інтегруйте плагін стиснення зображень TinyPNG, щоб гарантувати автоматичне стиснення будь-яких зображень, що рухаються вперед, зменшуючи ймовірність того, що автори вмісту знову завантажуватимуть великі файли з часом.
- Створіть і поширюйте простий у дотриманні, покроковий контрольний список, щоб допомогти користувачам контенту зрозуміти, як обрізати та стискати свої зображення, щоб майбутні оновлення вмісту були якомога меншими.
Марко Ернандес – керівник відділу маркетингу та продажів у Kaizen Social
Щоразу, коли клієнт звертається до нас із запитанням про те, як пришвидшити WordPress, ми перше, що робимо, це перевіряємо його через сторонній інструмент аудиту. Нам подобається використовувати GTmetrix, який дає змогу отримувати круговий огляд того, що відбувається на вашому сайті, від перегляду всіх елементів, які завантажуються (про деякі з яких ви можете навіть не знати), до розуміння того, які з цих елементів заважають вашому сайт. Наприклад, у вас може бути встановлений плагін, який вам не потрібен, але який завантажує CSS або JavaScript, що впливає на вашу швидкість. Найважливіша річ у GTmetrix — це зведення про водоспад. Це допомагає нам побачити, що саме є причиною уповільнення роботи сайту. Після каскаду ми розглядаємо загальні причини проблем із продуктивністю, як-от розмір зображення.
Ми бачили, як люди використовують фотографії розміром 4000 × 4000 пікселів на своїх сайтах, і хоча ми розуміємо потребу у високій якості, це має свої проблеми: ці фотографії зазвичай мають розмір у кілька Мб. І якщо ви намагаєтеся переглянути сайт на мобільному пристрої, кожен байт має значення. Отже, ми любимо зменшувати зображення максимум до 1000 пікселів. Завдяки цьому розмір зображення з 4 МБ зменшується до кількох сотень КБ. Немає сенсу використовувати фотографію з роздільною здатністю 4000 пікселів, якщо вона подається на iPhone з роздільною здатністю 400 пікселів. Далі ми переконаємось, що зовнішній CSS і JavaScript кешуються за допомогою сервера кешування, як-от Cloudflare. Консолідація таблиць стилів і JavaScript в один файл можлива лише через кешування вмісту перед його обслуговуванням. Є багато іншого, що можна зробити, алеякщо ви почнете з запуску своєї сторінки через GTmetrix, ви будете на правильному шляху до швидшого та ефективнішого сайту.
Найважливішим фактором підвищення швидкості є оптимізація. Оптимізація зображень і бази даних вашого сайту WordPress має бути головним пріоритетом. Наступні плагіни виконають це завдання швидко та ефективно.
- Smush Image Compression забезпечує стиснення файлів зображень без втрат, тобто видаляє файли сміттєвих даних, не впливаючи на якість зображення.
- WP-Optimize автоматично очищає вашу базу даних WordPress, щоб підтримувати її роботу з максимальною ефективністю.
- WP Fastest Cache пропонує просту та швидку систему WP Cache, яка створює статичні HTML-файли для обслуговування відвідувачів замість повторного рендерингу файлів PHP і MySQL, що використовує багато оперативної пам’яті та ЦП.
- SEO Redirection — це плагін для оптимізації посилань, який керує переспрямуваннями 301, 302 і 307, а також виправляє помилки сканування (404 і програмне 404). Я серйозно маю на увазі, чи хотіли б ви, щоб хтось надіслав вам посилання, яке виглядає так: https://monsterhost.com/ або це: https://monsterhost.com/.
Адеель Шабір – керівник контент-маркетингу в GigWorker
WordPress є найбільш використовуваною платформою для багатьох компаній, і її легко використовувати. На WordPress зареєстровано понад 1,1 мільйона нових доменів. Вона займає 59,4% частки ринку найбільш використовуваної CMS.
Але, якщо у вас є бізнес, якому потрібно працювати на WordPress, вам доведеться оптимізувати найкращий спосіб швидшого завантаження, і не повинно виникнути проблем. Це найкращі способи, якими ви можете скористатися, щоб отримати найкращу продуктивність і швидкість:
- Швидкість завантаження сторінки зазвичай нижча, якщо у вас є набагато більші медіафайли. Веб -сайт стає повільнішим через меншу пропускну здатність. Існує кілька інструментів, які допоможуть оптимізувати ваш веб-сайт. Ви можете спробувати WP Compress – чудовий інструмент для оптимізації медіафайлів.
- Коли ви бачите оновлення свого WordPress, переконайтеся, що ви оновили його. Є багато багів і помилок, які ви не бачите, але вони насправді є. Тож оновлюйте щоразу, коли бачите оновлення від WordPress.
- Використовуйте легку тему. Теми за замовчуванням у темах WordPress уже є легкими, але якщо ви шукаєте найкращу версію своєї теми від третьої сторони, переконайтеся, що вони дружні та легкі для WordPress.
- Стисніть свій сайт WordPress, чим менший сайт, тим швидше він завантажуватиметься. Стиснення GZip — найкращий інструмент для зменшення розміру вашого веб-сайту, щоб вибрати швидшу швидкість завантаження. Стиснення GZip можна легко виконати, встановивши плагін Breeze.
Використовуйте найкращі методи кодування
Багато сайтів WordPress існують роками, і за цей час на деякі з них додали десятки різних тегів відстеження. Хоча відстеження та аналітика необхідні для успішного просування вашого бізнесу, швидше за все, на вашому веб-сайті є кілька, якими ніхто більше не користується. Від Google Analytics до Crazy Egg і HotJar, кожне з цих однорядкових вбудованих JavaScript значно впливає на швидкість завантаження веб-сайту. Крім того, з додаванням таких пакетів, як Google Tag Manager, один пакет відстеження може фактично завантажувати десятки. Як агентство маркетингу та веб-дизайну, ми часто стикаємося з клієнтами, чиї веб-сайти завантажують численні послуги з сумнівною метою. У таких ситуаціях це виходить не тільки за проблему швидкості, але й про безпеку – те, з чим жодна компанія не хоче мати справу. Ми часто рекомендуємо щорічно перевіряти коди відстеження на вашому веб-сайті. Звичайно, ви не хочете видаляти ті, які використовуєте, або можете використовувати в майбутньому для історичних цілей. Але кожен із них, який ви можете видалити, заощадить вашу пропускну здатність і позбавить браузери ваших відвідувачів від труднощів завантажувати ще один інструмент відстеження, який уповільнює роботу в Інтернеті.
Рішіт Шах – засновник школи Tally
Чиста тема може значно прискорити веб-сайт WordPress.
Існує багато безкоштовних і платних тем для WordPress, але лише кілька з них оптимізовано для мінімального кодування.
Коли програмування оптимізовано, тема завантажуватиметься швидше, а отже, веб-сайт WordPress також завантажуватиметься швидше.
Багато людей ігнорують цей аспект, тому що під час вибору теми вони дивляться на тему лише візуально. Вони також повинні переглянути мінімальний та оптимізований код для цієї теми.
Видаліть те, що є зайвим
Янів Масджеді – CMO компанії Nextiva
У це легко потрапити – кожен це робить у той чи інший момент. Краса WordPress полягає в тому, що він дуже легко налаштовується. Існують плагіни, доступні для кожної окремої дії, яку ви можете виконати, від відстеження використання сторінки до додавання фонової звукової доріжки для взаємодії з користувачем.
Однак кожен плагін, який ви встановлюєте, може уповільнити вашу сторінку. І з кожною мілісекундою сповільнення вашої сторінки ви втрачаєте терпіння клієнтів і збільшуєте ймовірність того, що ваш відвідувач залишить ваш веб-сайт, не здійснивши конверсії.
Щоб пришвидшити WordPress, настав час ретельно оглянути свій сайт. Перевірте всі свої плагіни: чи справді ви їх використовуєте? Якщо ні, настав час подумати про те, щоб їх звільнити. Ви будете вражені тим, наскільки швидше завантажуються сторінки без плагінів, покритих товстим шаром пилу.
Сем Орчард – креативний директор Edge of the Web
Якщо ви прагнете значно покращити швидкість сторінки на своєму веб-сайті, ви можете розглянути можливість використання WordPress як безголової CMS.
Безголова CMS працює як сховище вмісту, відокремлене від візуальних елементів вашого веб-сайту. Тож замість використання системи, яка дозволяє керувати тим, як усе виглядає, як це працює та доступним вмістом, вам потрібна лише CMS, яка зберігає вміст для вас, а ваш сайт викликає API для отримання інформації.
Це значно полегшує керування вмістом на різних платформах, а також зменшує потребу в системі керування вмістом, яка містить багато коду й уповільнює роботу сайту.
З 2016 року WordPress має REST API, що означає, що ваші розробники можуть відокремити передню частину платформи та використовувати API для отримання вмісту без використання функцій WordPress.
За допомогою безголової CMS ви можете значно скоротити непотрібний код і накладні витрати на передній частині, що значно підвищить швидкість сторінки.
Однак цей підхід вимагає постійного внеску досвідченої команди розробників, щоб підтримувати сайт оновленим. Якщо у вас немає такого внутрішнього ресурсу, можливо, найкраще буде використовувати звичайний візуальний інтерфейс.
Від переміщення вашого сайту до кращого хостинг-провайдера, видалення зайвих плагінів до стиснення розміру зображення та використання потужних інструментів для аналізу вмісту вашого веб-сайту, ви можете зробити багато речей, щоб прискорити швидкість веб-сайту WordPress. Звичайно, ви також можете збільшити швидкість за допомогою плагіна, спеціально розробленого для цієї мети. Спробуйте всі ці методи або почніть з одного й стежте за результатами. Удачі!