WP Rocket Guide – Как да оптимизирате скоростта на уебсайта си в WordPress

Днес ще ви покажа как да оптимизирате скоростта на вашия уебсайт WordPress с помощта на WP Rocket. Прочетете по-нататък пълното ми ръководство за WP Rocket, защото ще споделя и моите препоръчани настройки и съвети, които ми помогнаха да оптимизирам над 100 уебсайта на WordPress.

Все още нямате WP Rocket? Разгледайте прегледа на WP Rocket , който съставих, след това направете услуга на уебсайта си и вземете копие на приставката . Можете да го тествате 14 дни безплатно.

Защо скоростта на уебсайта е от решаващо значение?

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

Според проучване на Google 53% от хората, които посещават уебсайт, ще го напуснат, ако зареждането му отнема повече от 3 секунди. Ето защо всеки уебсайт трябва да бъде оптимизиран за скорост и да има мощна система за кеширане.

През 2020 г. Google обяви актуализация около май 2021 г. , като се фокусира върху Core Web Vitals. Това означава, че колко бързо се зарежда уебсайтът ви ще повлияе силно на класирането ви. И знаем, че спадът на ключовите думи може да означава до 80% загуба на трафик. Не можеш да си позволиш това.

Така че наличието на бърз уебсайт означава повече посетители, повече реализации и повече реализации.

Колко бърз е уебсайтът ви? Тествайте го в мрежата. dev , създаден от Google, и се съсредоточете върху най-важните фактори за скоростта на вашия уебсайт. По-долу има отчет за уебсайт, който оптимизирах преди няколко дни за клиент:

За съжаление, хостингът е споделен; в противен случай бихме могли да се стремим към поне 95%. И все пак резултатът от 84% е достатъчно добър и го постигнах, като инсталирах и конфигурирах WP Rocket.

Убедих ли ви да обърнете внимание и да прочетете по-нататък?

Какво е WP Rocket?

В обобщение, WPRocket е лесен за използване WordPress плъгин, който ускорява уебсайта ви, като оптимизира кеша на страницата, доставката на изображения и много други технически аспекти по отношение на скриптове, зареждане на страници и т.н. Експертите на WordPress признават WP Rocket за най-мощното кеширане плъгин.

Плъгинът ускорява почти 1 милион 500 уебсайта, което го прави най-популярният плъгин за подобряване на скоростта на WordPress.

В допълнение към фактора plug-and-play, WP Rocket има много полезна документация, включително видео ръководства, за допълнително подобряване на времето за зареждане на уебсайта ви.

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

Все още нямате WP Rocket? Направете услуга на уебсайта си и вземете копие на приставката . Можете да го тествате 14 дни безплатно.

Покупка и монтаж

След като закупите лиценз за WP-rocket от официалния им уебсайт, ще получите достъп до зоната за членове, където можете да изтеглите най-новата версия на плъгина.

След това отидете в административната област на WordPress, навигирайте до Plugins, добавете нов плъгин и качете zip архива, който току-що сте изтеглили. След това активирайте приставката.

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

Да започваме!

Табло

Таблото за управление предоставя информация за вашия лиценз и ви позволява да извършвате основни действия . По-конкретно, можете да изчистите целия си кеш и/или да започнете предварително зареждане на кеша.

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

Кеш памет

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

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

Мобилен кеш

Активирах мобилния кеш. Не е необходимо да създавате отделни кеш файлове за мобилни устройства, тъй като моята WP тема е отзивчива и бързо се преработва за мобилни устройства.

Потребителски кеш

WP Rocket ще създаде отделен кеш за влезли потребители, което е отлично, ако имате ограничено съдържание, което потребителите трябва да са влезли, за да видят. Въпреки това, можете да оставите това поле без отметка, ако нямате регистрирани потребители на вашия сайт.

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

Живот на кеша

Колко време трябва да са достъпни кеш файловете, преди да бъдат автоматично изтрити и възстановени? Трябва да експериментирате с най-добрия вариант за вас. Зададох го на 0 за неограничено време, защото ръчно изтрих кеша на уебсайта.

Оптимизация на файлове

Друг раздел с необходими настройки е този, свързан с оптимизацията на файловете. Файловете (HTML, CSS и JS) оказват силно влияние върху скоростта на зареждане.

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

Има хиляди теми и плъгини. Някои са стари и неактуални, докато други са кодирани зле. WP Rocket се опитва да ги оптимизира, но понякога може да счупи нещата. Така че, тествайте и вижте какво работи за вас.

CSS файлове

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

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

Минимизиране на CSS файлове

Активирайте минимизирането на CSS файлове и след това опцията за комбинирането им. След това натиснете Save, презаредете кеша и тествайте обстойно външния вид на уебсайта си на настолен компютър и мобилно устройство.

Изключете CSS файлове

Ако някои CSS файлове причиняват визуални грешки, трябва да ги изключите от минимизиране и конкатенация в полето „ Изключване на CSS файлове“ .

Оптимизирайте доставката на CSS

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

Трябва също така да премахнете неизползван CSS на страница , което помага за намаляване на размера на страницата и HTTP заявките. Това се препоръчва за най-добра производителност, но трябва да тествате щателно, тъй като WPRocket може да премахне някои CSS за динамични елементи, което прави уебсайта ви да изглежда муден. Използвайте CSS списъка за безопасност, за да въведете файловете и класовете, които искате да бъдат изключени от премахване.

Ако имате проблеми с Remove Unused CSS, можете да използвате Load CSS Asynchronous . Въпреки това, Зареждане на CSS асинхронно не може да бъде активирано едновременно с Премахване на неизползван CSS.

JavaScript файлове

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

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

Минимизиране на JavaScript файлове

Активирайте минимизирането на JavaScript файлове и след това опцията за комбинирането им. Ако JS вградените модели причиняват грешки, трябва да ги изключите от минимизиране и конкатенация в полето за изключване на CSS файлове. Същото важи и за JavaScript файловете.

Комбинирайте JavaScript файлове

Ако уебсайтът ви се хоства на сайт, който не използва HTTP/2, трябва също да поставите отметка в квадратчето Комбиниране на JavaScript файлове. Това минимизира заявките чрез комбиниране на вътрешните, трети страни и вградените HTTP заявки, намаляващи JS. HTTP/2 хостовете обаче могат да прехвърлят множество файлове едновременно, така че е по-добре да не използвате тази функция. Повече подробности за това .

Зареждането на JavaScript е отложено

Отложеното зареждане на JavaScript елиминира блокиращия изобразяването JS на вашия сайт и може да подобри времето за зареждане. Моля, активирайте го и тествайте уебсайта си отново. Забавянето на изпълнението на JavaScript ви дава отлични резултати, като го разрешите и добавите скриптовете, които можете да забавите.

Забавяне на изпълнението на JavaScript

Можете да подобрите още повече производителността, като активирате функцията Delay JavaScript Execution, която забавя зареждането на JavaScript файлове до взаимодействие с потребителя (напр. превъртане, щракване). Повече информация

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

Изключени JavaScript файлове

Посочете URL адреси или ключови думи, които могат да идентифицират вградени или JavaScript файлове, които да бъдат изключени от забавяне на изпълнението (по един на ред).

Медия

Третият най-важен раздел е за медийни файлове (изображения и видеоклипове).

Мързеливо натоварване

Lazy Load подобрява действителното и възприеманото време за зареждане. Изображенията, вградените рамки и видеоклиповете се зареждат само когато влязат в прозореца за изглед, намалявайки броя на HTTP заявките.

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

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

Размери на изображението

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

Вгражда

Той не позволява на други да вграждат съдържание от вашия сайт, не позволява на вас да вграждате съдържание от други (неразрешени) сайтове и премахва. JavaScript заявки, свързани с WordPress вграждания.

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

Предварително зареждане

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

Предварително зареждане на кеша

Активирах предварително зареждане на кеша и плъгинът идентифицира, че използвам Yoast SEO XML карта на сайта като източник на страници. Ако използвате друг плъгин за карти на сайтове, можете да добавите картите на сайтове в текстово поле.

Предварително зареждане на връзки

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

Предварително извличане на DNS заявки

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

Предварително зареждане на шрифтове

Подобрява производителността, като помага на браузърите да откриват шрифтове в CSS файлове. Не забравяйте да посочите URL адресите на файловете с шрифтове, които да бъдат предварително заредени (по един на ред). Шрифтовете трябва да се хостват във вашия домейн или домейна, посочен в раздела CDN.

Разширени правила

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

Никога не кеширайте URL адресите

Тук трябва да добавите всички URL адреси, които не искате да бъдат кеширани. Добавих връзките, съдържащи формуляри за контакт с Recaptcha, тъй като те са в конфликт с WPRocket.

Никога не кеширайте бисквитките

Тук можете да посочите пълни или частични идентификатори на бисквитки, които трябва да предотвратят кеширане на страница, когато са зададени в браузъра на посетителя (по една на ред). Въпреки това, не е нужно да използвате това през 99% от времето.

Никога не кеширай потребителски агент(и)

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

Винаги изчиствайте URL(ите)

Можете да посочите URL адреси, които винаги искате да бъдат изчистени от кеша, когато актуализирате публикация или страница (по един на ред). Не използвам това.

Кеширане на низове на заявки

Кеширане за низове на заявки ви позволява да принудите кеширане за конкретни GET параметри.

База данни

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

След почистване

Ревизиите и черновите на публикацията ще бъдат изтрити за постоянно. Не използвайте тази опция, ако трябва да запазите ревизии или чернови.

Почистване на коментарите

Нежеланата поща и коментарите в кошчето ще бъдат изтрити за постоянно. Активирам и двете опции.

Почистване на преходни процеси

Преходните процеси са временни опции; те са безопасни за премахване. Те ще бъдат автоматично регенерирани, тъй като вашите добавки ги изискват.

Почистване на база данни

Намалява излишните разходи за таблиците на базата данни, така че активирайте опцията за оптимизиране на таблици.

Автоматично почистване

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

CDN

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

Хубавото е, че можете да създавате отделни правила за всички файлове, изображения, CSS и JavaScript, както и CSS и JavaScript.

WP-Rocket препоръчва да получите тяхната CDN услуга, наречена RocketCDN. Ако имате друга услуга, можете да я активирате в този раздел. В момента използвам KEYCDN

Изключете файлове от CDN.

Понякога някои файлове се актуализират често или не искате да ги хоствате в CDN, така че можете да посочите URL(ите) на файлове, които не трябва да се обслужват чрез CDN (по един на ред).

Сърдечен пулс

Намаляването или изключването на активността на Heartbeat API може да помогне за спестяване на някои от ресурсите на вашия сървър.

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

добавки

Добавките на WPRocket са функции, разширяващи наличните опции.

лак

Трябва да активирате тази добавка, ако системата Varnish Caching работи на вашия сървър.

Cloudflare

Ако използвате Cloudflare, трябва да добавите API ключа и да активирате този аддон, така че WP Rocket да може да контролира настройките и да използва оптималните. Той също така изчиства кеша в Cloudflare, така че няма да има закъснения.

Съвместимост с WebP

Активирайте тази опция, ако искате WP Rocket да обслужва WebP изображения на съвместими браузъри. Моля, обърнете внимание, че WP Rocket не може да създава WebP изображения вместо вас. Можете да използвате тяхната услуга, Imagify или ShortPixel . Аз използвам второто.