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

Свали уеб сайта

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

1. Пребройте дизайна на темата на вашия сайт

Прегледайте отново дизайна на сайта си и вижте дали можете да премахнете ненужните елементи от сайта. Няма смисъл да се натъпква твърде много информация в страничната лента, когато посетителят се интересува само от действителното съдържание. Ето някои неща, които можете да премахнете:

  • Фантастичен плъзгач, анимация и ефекти.
  • Различни джаджи в страничната лента
  • Реклами - Само ако сте добавили твърде много реклами. В някои случаи можете да печелите повече с по-малко реклами

2. Отърви се от ненужните приставки

Те са два основни типа приставки за WordPress: един, който засяга само администрираната област и тази, която добавя допълнително съдържание към сайта. За последния той винаги е придружен от допълнителни javascript и css файлове, които ще добавят допълнително тегло към сайта.

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

3. Намалете размера на файла с HTML, CSS и Javascript

Има два начина да намалите общия размер на сайта си. Първият е да комбинирате няколко стилови листа и javascript файлове в един, а вторият - да минимизирате файловете. Минимизирането означава премахването на ненужните интервали и коментари и комбинирането на множество повторени кодове в едно. Добра приставка, която можете да използвате, за да постигнете това, е W3 Total Cache плъгин.

В страницата W3 Total Cache settings, в "Общи настройки", активирайте режима "Minify".

След това отидете в секцията "Minify -> HTML & XML", поставете отметки в квадратчетата до "Enable", "Inline CSS Minification", "Inline JS Minification" и "Remove line break".

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

Едно нещо, което препоръчвам за тази настройка, е да използвате "Minify", а не "Combine only". Комбинирането на няколко javascripts заедно може да причини нежелани ефекти и да наруши мястото.

Последната част, която трябва да конфигурирате тук, е секцията "CSS minification". Това ви позволява да минимизирате и комбинирате всички CSS, използвани в темата.

За да получите най-доброто от това, най-добре е да отворите уебсайта си, да прегледате изходния код и да копирате всички CSS връзки в полето "File URI" в раздела "Управление на CSS файловете". Всички CSS файлове, които сте добавили към това поле, ще бъдат минимизирани и комбинирани в един CSS файл.

4. Оптимизиране на изображенията

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

Ускорете скоростта на зареждане на сайта

Някои от начините, по които можете да използвате, за да ускорите скоростта на зареждане на сайта, са:

  • кеширайте сайта
  • настройте кеша на браузъра
  • превключете на jquery на Google
  • отложено натоварване на javascript
  • използвайте мързеливо зареждане на изображения
  • използвайте асихронен javascript
  • използвайте CDN

Ето някои приставки, които могат да направят горната работа за вас.

1. W3 Общ кеш

В горната секция имаме минимизиране, но това, което прави W3 Total Cache мощен, е неговият модул за кеширане. Първо, активирайте модула "Кеш памет" в секцията "Общи настройки". В споделен хостинг изберете "Disk: Basic" за режима на кеш на страницата. За VPS или специален сървър, изберете "Disk: Enhanced".

Превъртете по-надолу страницата, докато видите секцията "Кеш браузър"; поставете отметка в квадратчето, за да го активирате също.

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

2. WP Deferred Script

Повечето javascript файлове блокират в природата, което означава, че сайтът трябва да чака всички файлове на javascript да завършат зареждането, преди съдържанието да се зареди. Това също е известно като синхронизирано зареждане. Един от начините за борба с това е да се преместят javascripts в долната част на страницата, така че те да се зареждат само след като съдържанието приключи.

WP Deferred Script е полезна приставка, която премества всички скрити скриптове в долната част на страницата. Той използва lab.js в бекенда и ще работи с повечето приставки. Няма настройки за конфигуриране. След като бъде активиран, той автоматично ще отложи цялото зареждане на javascript до края на страницата. Друго добро нещо е, че той зарежда JavaScript асихично, което означава, че той зарежда javascript успоредно със съдържанието.

3. Jetpack Photon

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

Като алтернатива, ако използвате външни CDN, като MaxCDN или Amazon CloudFront, можете да конфигурирате модула CDN в приставката W3 Total Cache, за да използвате услугите CDN.

4. Мързел натоварване

Забелязали ли сте как изображенията се зареждат при поискване, когато превъртате страницата надолу? Това се нарича Lazy Loading, а това е добър начин да се ускори и сайтът. Плъгинът, който използваме тук, е Unveil Lazy Load, но ако направите търсене на мързелив товар, има много мързеливи зареждащи плъгини, които можете да използвате; някои от тях са дори оптимизирани за видеоклипове и iframe.

5. DFP

Ако показвате реклами в сайта си, ще знаете, че рекламите често са тези, които най-много се зареждат и причиняват забавяне на сайта. Най-лошото е, че повечето реклами са синхронни по своето естество и ще блокират показването на съдържанието, докато не бъдат напълно заредени. Един от начините да се отървете от този проблем е да показвате рекламите си посредством Google DFP. За тези, които не знаят, Google DFP е програма за управление на рекламите, с която да управлявате рекламите си.

На този сайт използваме скрипта jquery.dfp.js, за да заредите всички DFP тагове при поискване, така че да не забавят зареждането на сайта. Реализацията може да бъде доста сложна и няма да я покрием тук. Ако има достатъчно интерес (можете да изразявате интереса си към коментарите), ще направя още един урок, в който подробно ще намерите подробен процес за внедряването му в сайта си.

заключение

Ако сте изпълнили стъпките по-горе, мога да ви уверя, че сайтът ви сега работи по-бързо от преди, дори ако сте на споделен хостинг. Един добър начин да изпробвате скоростта на зареждане на сайта е инструментът Google PageSpeed ​​Insights. Просто въведете URL адреса си и той ще анализира сайта ви за вас. Направете го преди и след оптимизацията и вижте огромните разлики.

Кредит на изображението: Не бързайте никъде