Ускорете и оптимизирайте уебсайта на WordPress

Както знаете, търсачката Google оценява сайта по повече от 300 параметъра, а Yandex отиде още по-далеч и взема предвид повече от 700 фактора, които влияят на резултатите от търсенето. По-голямата част от дъното не е известна, но определено знаем поне няколко дузини от най-важните параметри, които трябва да са на върха, ако искате сайтът да пробие на върха. Една от тях е скоростта на зареждане на вашия ресурс.

Освен това самата скоростна характеристика е разделена на няколко точки, а именно:

Започнете битката за скоростта на WordPress

Стъпка №1. Как да проверите скоростта на зареждане на сайта и да идентифицирате проблемните области?!

Услуги за анализ на уебсайтове

Услуги за анализ на уебсайтове

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

Стъпка №2. Променете размера и "теглото" на изображенията в сайта

Как да намалим изображенията

Как да намалим изображенията

Намаляване на размера преди качване в сайта.

Използваме добавки за WordPress.

Файлът вече е компресиран

При качване на нови изображения те се коригират автоматично.

Заедно с WP Smush, има и други добавки, които също са търсени. Причинява се от някои причиняващи конфликти между вече инсталирани. Следователно можете да изберете този, който ви подхожда. Ето техния списък.

Добавки за компресиране на изображения на WordPress:

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

Стъпка #3. Оптимизиране на показването на изображения на wordpress страници.Подобряване на използваемостта

Потребителят определя размера

Потребителят определя размера

ускорете

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

Стъпка #4. Кеширане на страници wp

Настройка на кеша на WordPress

Настройка на кеша на WordPress

Има няколко опции

Първият е да коригирам файла .htaccess, но се опитвам да не избирам кода на собствените си сайтове, което ви съветвам да направите. По-добре е да се доверите на експертите. Ако обаче искате да поемете риск, вмъкнете следния код във файла .htaccess:

ExpiresDefault "достъп плюс 1 година"

Вторият начин, най-често срещаният, е да използвате плъгин за кеширане. Най-простият сред тях е WP Super Cache. Той не е конфликтен, лесен за настройка и подходящ за повечето WordPress блогове.

Можете да изтеглите WP Super Cache от администраторската област. Инсталирайте и активирайте.

Настройки на WP Super Cache

Правим всичко, както на екранните снимки по-долу:

ускорете

оптимизирайте

ускорете

уебсайта

оптимизирайте

уебсайта

И не забравяйте да запазите настройките си във всеки раздел!

Има и други добавки за кеширане за wordpress:

Сред всичко по-горе бих искал да отбележа W3 Total Cache - това е най-популярният плъгин за кеширане, броят на изтеглянията му нараства. Но ще бъде трудно да се настрои за начинаещи, има много параметри. Освен това сайтът може да се срине, ако настройките са неправилни и сървърите са слаби. Четох, че разработчиците обещават да извлекат максимума от хостингакогато го използвате.

Стъпка #5. Асинхронно зареждане на изображения и други елементи

Ускорете показването на елементите на страницата

Ускорете показването на елементите на страницата

За да приложа тази схема, използвам плъгинаa3 Lazy Load. Можете да го изтеглите от администратора.

Настройки a3 Lazy Load

Лесно се настройва, препоръчвам да оставите всички настройки по подразбиране.

уебсайта

ускорете

Да, да, прав си, понякога не се зареждат и потребителят напуска сайта, преди да са се заредили напълно. a3 Lazy Load ще реши този проблем! Няма да загубите пари заради скоростта.

Стъпка #6. Намаляване на броя на HTTP заявките, gzip компресия

Страхотен плъгин за ускорение

Страхотен плъгин за ускорение

Настройки на приставката за бъдещо изтичане

Вижте екранната снимка по-долу:

Стъпка #7. Оптимизиране на CSS, JavaScrit и HTML кодове

Как да оптимизирате кодовете на wordpress

Как да оптимизирате кодовете на wordpress

Инсталирайте, активирайте. И запазете настройките по подразбиране. Там няма нищо сложно.

Между другото, той има алтернативен вариант - това е Better WordPress Minify.

Стъпка #8. Как да намалим времето за реакция на сървъра на wordpress

Проблем в сървъра или уебсайта

Проблем в сървъра или уебсайта

Как да отстраните проблем със сървър.

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

Как да решите проблема на сайта.

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

Освен това почистете спама, изпразнете кошчето, премахнете неизползваните добавки, тагове, записи.

Стъпка #9. Намаляване на броя на елементите на страницата

Ние правим сайта прост и разбираем

Ние правим сайта прост и разбираем

уебсайта

Стъпка #10. Върнете се там, откъдето започнахме!

Проверка на резултатите!

Проверка на резултатите!

оптимизирайте

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