Обичам WordPress, но той не е перфектен веднага щом го разопаковам.

Изборът на теми и плъгини е по-важен от всякога, тъй като някои от тях могат да попречат на производителността и скоростта на сайта.

Може да направиш много неща, за да подобриш всеки WordPress сайт, и тази публикация ще обхване само някои от тези оптимизации, по които (надяваме се) може да предприемеш действия незабавно.

Избери реномирана компания за уеб хостинг

Изборът на лош хостинг може да е вреден за производителността на сайта.

Въпреки че хостингът на споделен сървър може да изглежда най-рентабилното решение, той определено си има своите проблеми. Споделянето на този сървър с други (потенциално) проблемни сайтове може да монополизира споделените ресурси в ущърб на твоите собствени.

Хостингът не струва цяло състояние. Винаги бих те посъветвал да избереш уеб хостинг, който не само има отлични хардуерни спецификации (на специален сървър, ако бюджетът позволява), но и разбира WordPress и има силна техническа поддръжка. И търси хостинг с кеширане на ниво сървър.

Независимо дали твоят сайт се намира на управлявана WordPress хостинг платформа, LiteSpeed ​​сървър или мащабируем облачен хостинг, винаги си струва да направиш собствено проучване и да сравниш няколко компании, преди да вземеш решение.

Също така, помисли колко SEO оптимизиран е този хостинг. WordPress има страница за хостинг с няколко препоръчани компании.

Оптимизирай настройките на сървъра и използвай CDN мрежи

След като сайтът е хостван на сървъра, има допълнителни оптимизации, които може да приложиш на ниво сървър.

По-нови протоколи като HTTP/3 и QUIC намаляват латентността, особено на мобилни устройства.

Cloudflare и LiteSpeed ​​поддържат това „от кутията“, но все пак си струва да провериш и настройките на своя сървър.

Налични са няколко CDN мрежи, но моята препоръка винаги е била да използваш Cloudflare.

Безплатният им план предлага много оптимизации, включително полиране на изображения, кеширане и компресия (активирай многостепенно кеширане, за да оптимизираш допълнително тези заявки).

Също така препоръчвам тяхната автоматична оптимизация на платформата (APO), която струва $5 на сайт или е безплатна с всеки от техните платени планове.

В Cloudflare препоръчвам кеширане на всичко, освен wp-admin и динамично съдържание, обслужване на застаряло съдържание, докато кешът се проверява отново във фонов режим, и използване на техните услуги за защитна стена на уеб приложения (WAF), които помагат за блокиране на атаки и ограничаване на роботите.

Деактивиране на XML-RPC

Има няколко оптимизации за премахване и ограничаване на ресурси, които са активирани по подразбиране в ядрото на WordPress.

Една добра препоръка тук би била да деактивираш XML-RPC, ако не е необходим:

add_filter('xmlrpc_enabled', '__return_false');

Приложи техники за кеширане и компресиране

В допълнение към оптимизациите на сървъра, може да внедриш допълнителни подобрения в производителността, като директно добавите елементи за кеширане и компресия.

Използването на кеширане на обекти, като Varnish или Redis, може да осигури отлични резултати, както и задаването на правилни заглавки за контрол на кеша в .htaccess (Apache) или nginx.conf:

<FilesMatch "\.(css|js|jpg|png|gif|woff2|ttf|svg|ico)$">
Header set Cache-Control "max-age=31536000, public"

Оптимизиране на зареждането на активи

Когато кеширането и компресията са налице, може да предприемеш допълнителни стъпки за отлагане на JavaScript.

Например:

<script src="script.js" defer></script>

Също така, опитай се да зареждаш всички скриптове асинхронно, за да не намаляват времето за първоначално зареждане на страницата.

Що се отнася до CSS, винаги е добре да премахнеш всички неизползвани стилове, където е възможно, въпреки че не бих казал, че това е най-големият приоритет в сравнение с други препоръки в тази публикация.

Също така, опитай се да зареждаш предварително и  да свързваш шрифтове за текст, който се показва над сгъвката (персонализираните шрифтове за текста в долния колонтитул не е необходимо да се зареждат предварително) и други външни ресурси, където е възможно.

Ето пример за това как може да се направи това:

<link rel="preload" as="font" href="fonts/myfont.woff2" type="font/woff2" crossorigin="anonymous">

Затваряне на други пропуски в производителността

Ако си перфекционист (не като мен), винаги има място за още оптимизации.

• Разреши „лениво зареждане“ на изображения, където е възможно, и замени вгражданията в YouTube със статични прегледи на изображения.
• Използвай Screaming Frog, за да откриеш ненужни пренасочвания.
• Затвори циклите и веригите от пренасочвания, които се отчитат в одитите на сайтове на Semrush. Актуализирай вътрешните връзки, за да сочат директно към крайния URL адрес.
• Намали заявките от трети страни, където е възможно. Например, зареждай Google Analytics или Google Fonts локално, вместо чрез външни скриптове.
• Деактивирай неизползваните уиджети и вграждания за социални медии.

Изберете правилните теми и плъгини

И така, твоят хостинг акаунт е настроен и WordPress сайтът ти е инсталиран.

Изобилието от възможности за избор на теми и плъгини обаче затруднява избора на надеждни разработчици. Това е предизвикателство, което винаги е съществувало и пиша за него поне от 2013 г. насам.

Когато избираш теми и плъгини, вземи предвид следното:

• Съвместима ли е темата с най-новите версии на WordPress?
• Спазва ли най-добрите практики на WordPress за разработване на теми и плъгини? Може да провериш това, като използваш плъгина Theme Check за теми и Plugin Check за плъгини.
• Авторът на темата има ли E-E-A-T за разработчици? Може ли да им се довериш?
• Увери се, че няма прекалено много раздут код. Колкото повече една тема е обобщена за масите (напр. „теми „всичко в едно“ за всеки бизнес“), толкова повече ще трябва да бъде разработена, за да отговори на най-широката аудитория. Колкото по-персонализирана е темата (вероятно), толкова по-малък е шансът за раздут код.
• Прочети отзиви и проучи предложенията за поддръжка. За теми и плъгини, предлагани в собственото хранилище на WordPress, някои отзиви и оценки винаги са полезни, за да информират твоите решения.

Повечето теми предлагат визуализации на живо, така че си струва да провериш тези URL адреси чрез инструменти за тестване на скоростта, като PageSpeed ​​Insights, Web Page Test и Chrome DevTools.

Приложи някои специфични за WordPress оптимизации

Все още не съм приключил с перфекционизма си! Ето някои препоръки за WordPress.

WP Heartbeat API може да създава ненужни AJAX заявки. Намали честотата му или го деактивирай:

add_action( 'init', function() {
    wp_deregister_script('heartbeat');
});
 Можете също да ограничиш интервалите от време след ревизии в wp-config.php:

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

Използвай препоръчителни плъгини

С толкова много плъгини, достъпни днес, изглежда обезсърчително да се разбере кои са най-добрите и най-надеждните.

Разбира се, отново се намесва въпросът „зависи“, но като цяло съветвам да използваш възможно най-малко плъгини.

Ако може да решиш някои проблеми извън плъгин (например на ниво сървър), направи първо това.

В зависимост от това какви оптимизации си настроил другаде, някои от тези плъгини може да не са необходими за инсталиране, но ако не, винаги е добре да знаеш предпочитаните опции.

• Кеширане и компресия: Autoptimize, W3 Total Cache или Jetpack, заедно с WP Super Cache и Jetpack Boost.
• Предварително зареждане: instant.page е чудесна препоръка тук. Използва един ред код, който можете да имплементираш, или предлагат плъгин за WordPress, който прави същото.
• Отлагане на скриптове: Някои от горните плъгини предлагат това, но аз лично използвам WP Meteor.
• Оптимизация на изображения: TinyPNG или Smush за компресиране на изображения, WebP express за показване на WebP изображения върху PNG/JPG/EPS. За допълнителна оптимизация използвай Edge Images за използване на услуги за трансформация на ръбове за маркиране <img>.
• SEO: Въпреки че не е пряко свързано с подобряване на скоростта, Yoast SEO оптимизира видимостта на сайта. Повечето от тези функции, предоставени в безплатната версия, помагат с това, но неща като IndexNow са включени в Premium. Ако обаче искаш да активираш IndexNow без Premium, Bing предлага свой собствен плъгин.

Когато инсталираш плъгин, винаги е добре да прегледаш правилно всички настройки и да деактивираш всичко ненужно, за да спестиш повече време за обработка и да намалиш раздуването на кода.

За да изведеш това на следващото ниво, може да искаш да инсталираш и Plugin Organizer, който ти позволява да задаваш условия за зареждане на плъгините само в рамките на съответните страници/области на сайта.

Следи своя сървър

И накрая, винаги е добре да имаш добра система за мониторинг на сървъра, като например New Relic.

Тази система ти позволява да диагностицираш и отстраниш всички проблеми, които може да възпрепятстват производителността на сайта или сървъра, както и да намалиш допълнително ненужното натоварване на сървъра, като деактивираш несъществените PHP модули.

Може също да настроиш регистриране на бавни заявки в MySQL:

SET GLOBAL slow_query_log = 'ON';
SET GLOBAL long_query_time = 1;

Препоръчвам също плъгина Query Monitor. Или инсталиране на Blackfire, за да се засекат неефективни фрагменти от код, които причиняват бавно време за реакция на сървъра. Той също е платен, но е силно препоръчителен за корпоративно ниво.

Регистрационните файлове за грешки също са винаги твой приятел при диагностицирането на други проблеми.

WordPress предлага и режим за отстраняване на грешки, който е изключително полезен за диагностициране на потенциални проблеми, като се добави следното в wp-config.php:

Забележка: това никога не трябва да се активира на активен производствен сайт, тъй като може да разкрие чувствителна информация. Използвайте го само на етап тестване.

// Enable WP_DEBUG mode
define( 'WP_DEBUG', true );

// Enable Debug logging to the /wp-content/debug.log file
define( 'WP_DEBUG_LOG', true );

Заключение: Подобри производителността на WordPress, като същевременно запазиш функционалността

Както виждаш, човек може да направи много, за да подобри един WordPress сайт, и е важно да го направи от множество ъгли.

Направи колкото може повече от горепосоченото, като се увериш, че сайтът функционира както трябва.

Първо тествай всичко, за да се увериш, че всичко необходимо е правилно внедрено и не пречи на други неща в сайта (например, понякога кеширането или компресирането на JavaScript може да създаде нередности или да спре работата на някои елементи на сайта) или да създаде други конфликти. И след това го внедри!