Як правільна аптымізаваць сайты на WordPress

1. Асаблівасці аптымізацыі WordPress
2. карыстайцеся кэшаваннем
3. Зрабіце паступовую загрузку
4. Аб'яднаеце стылі і скрыпты
5. адключыце хотлинкинг
6. Аптымізуе базу дадзеных
7. Карыстайцеся толькі праверанымі тэмамі
8. Выдаліце ​​ўсе непатрэбныя убудовы
9. падключыце CDN

Чым павольней сайт, тым менш людзей гатовыя ім карыстацца. А чым менш карыстальнікаў - тым менш трафіку і канверсіі. Усё гэта паказваюць даследаванні Amazon , Walmart , Akamai і Aberdeen Group .

Асноўны віноўнік павольнай загрузкі сайта - HTTP-запыты. Браўзэр адпраўляе такі запыт на кожны элемент старонкі. Прычым запыты адпраўляюцца не ўсе адразу, а па адным. Таму, чым больш на старонцы элементаў (малюнкаў, музыкі і г.д.) - тым даўжэй загрузка.

Больш падрабязна вывучыць чаму гэта адбываецца, можна ў артыкуле « 9 спосабаў паскорыць загрузку сайта ». Там я разабраў асноўныя прычыны павольнай загрузкі і тэорыю барацьбы з імі.

Асаблівасці аптымізацыі WordPress

WordPress першапачаткова нядрэнна аптымізаваны. Але чым больш на сайце кантэнту - тым больш павольна становіцца сайт. Таму, давайце разбярэм некалькі саветаў і тэхнік, якія дапамогуць сайта не замарудзіцца з часам ці нават вярнуць былую хуткасць.

карыстайцеся кэшаваннем

У кожнага сайта ёсць элементы, якія паўтараюцца на кожнай старонцы. Напрыклад, лагатып. Або асноўны CSS. Карыстачу проста няма сэнсу кожны раз загружаць гэтыя элементы зноўку, падаўжаючы загрузку.

На дапамогу прыходзіць кэшаванне. Кэшаванне - гэта капіраванне некаторых элементаў сайта на кампутары карыстача. Калі на кампутары ёсць кэш, браўзэр карыстача не запампоўвае гэтыя элементы зноўку, а падгружае іх з кэша. Запытаў на сайт сыходзіць нашмат менш, таму старонка загружаецца хутчэй.

Можна паскорыць і загрузку сайта на серверы. Справа ў тым, што хостынг, на якім размешчаны сайт, не захоўвае вэб-старонкі самі па сабе. Ён захоўвае PHP-скрыпты, з якіх пры запыце збіраюцца старонкі. Робіцца гэта для эканоміі месца на хостынгу, але плаціць за гэта даводзіцца часам, якое сыходзіць на стварэнне старонкі.

Але калі ўключыць на хостынгу суперкэширование, то ён збярэ ўсе старонкі і захавае іх у асобную тэчку. Старонкі будуць займаць больш месца, але серверу больш не трэба будзе іх пастаянна збіраць. А значыць, загрузка сайта паскорыцца.

ВАЖНА. Нягледзячы на ​​ўсе перавагі кэшавання, з ім трэба быць асцярожным. Калі змяняецца элемент, для якога ў карыстальніка ўжо ёсць кэш, карыстальнік не бачыць гэтых змяненняў, пакуль кэш ня абновіцца. Таму, калі вы рэгулярна абнаўляецца праз, напрыклад, шапку сайта - лепш адключыць для яе кэшаванне.

Лепшы убудова для кэшавання і суперкэширования - WP Super Cache . Ён аўтаматычна вызначае, якія элементы старонкі варта кэшыраваць і які метад для гэтага лепш выкарыстоўваць.

Вось налады WP Super Cache, якія я выкарыстоўваю на сваім сайце:

Пераключэнне метаду дастаўкі кэша ў рэжым Эксперт дало б мне невялікі прырост у хуткасці загрузкі сайта, але для гэтага трэба рэдагаваць канфігурацыйныя файлы хостынгу. Я не рэкамендую займацца гэтым без асаблівай патрэбы.

Зрабіце паступовую загрузку

Звычайна, браўзэр спачатку цалкам загружае старонку і толькі потым паказвае яе карыстальніку. Але гэта займае шмат часу, і калі на старонцы шмат кантэнту, то элемент можа закрыць старонку яшчэ да загрузкі.

Рашэнне - паступовая (ці «лянівая») загрузка. У гэтым выпадку браўзэр хутка загружае толькі тыя элементы старонкі, якія будуць бачныя карыстачу прама цяпер. Усё астатняе падгружаецца па меры патрэбы. І хоць агульны час загрузкі старонкі становіцца трохі даўжэй, карыстальнік бачыць старонку адразу ж, а не чакае, пакуль загрузяцца карцінкі ў самым нізе старонкі.

Для ўключэння паступовай загрузкі патрэбен адмысловую ўбудову Rocket Lazy Load. Проста ўсталюеце, актывуйце яго і пастаўце дзве птушачкі ў наладах.

Галачкі, якія трэба паставіць у наладах Rocket Lazy Load.

Аб'яднаеце стылі і скрыпты

JavaScript і CSS - аснова сучаснага вэб-дызайну. Але многія вэбмайстра не ўмеюць імі карыстацца і ўбудоўваюць іх прама ў код старонкі, а не ў асобны файл. Сервер марнуе на апрацоўку такіх стыляў больш рэсурсаў, а код старонкі становіцца нечытэльным.

Лепшае рашэнне праблемы - пісаць добры код. Але калі ў вас ужо ёсць сайт, на якім выкарыстоўваюцца убудаваныя CSS і JavaScript - вам трэба яго аптымізаваць.

Лепш за ўсё зрабіць гэта ўручную - трэба будзе перапісаць код тэмы WordPress, а таксама ўсіх старонак, на якіх выкарыстоўваюцца убудаваныя элементы. Але калі вы не знаёмыя зь CSS, HTML і JavaScript, а наняць спецыяліста няма магчымасці - можна абыйсціся адмысловым убудовай.

Я для такіх мэтаў выкарыстоўваю Merge + Minify + Refresh. Гэты убудова аўтаматычна правярае усе старонкі на вашым сайце і аб'ядноўвае скрыпты і стылі.

У убудове ёсць некалькі цікавых налад, але калі вы не разбіраецеся ў прынцыпах працы HTTP і наладах вашага хостынгу - лепш іх не мяняць. Проста ўсталюеце і актывуйце убудова, усё астатняе ён зробіць сам.

адключыце хотлинкинг

Што вы робіце, калі знаходзіце ў інтэрнэце пацешную карцінку і хочаце паставіць яе на свой сайт? Правільна было б спампаваць малюнак на свой сайт і толькі потым дзяліцца ім з светам. Неяк так:

<Img src = "image.jpg" height = "1080" width = "1920">

Але большасць проста клікае правай кнопкай на малюнку, капіюе яе адрас і посціць карцінку з гэтым адрасам на сваім сайце. Прыкладна так:

<Img src = "http://somebodyswebsite.com/image.jpg" height = "1080" width = "1920">

Кожны раз, калі на сайт заходзяць карыстальнікі, карцінка падгружаецца са свайго «роднага» сервера. А сайт, на якім малюнак на самай справе знаходзіцца, ад гэтага працуе павольней.

Гэта называецца хотлинкинг і лічыцца парушэннем этыкету сайтостроителей. Каб ніхто не мог рабіць прамыя спасылкі на вашыя медыяфайлы, трэба адключыць падтрымку хотлинкинга. Калі хочуць падзяліцца - хай кідаюць спасылку на сайт і падымаюць вам колькасць наведвальнікаў.

Існуюць спецыяльныя хостынгі малюнкаў. напрыклад, Imgur . Рабіць хотлинки з іх - можна. Таму, калі ў вас на хостынгу мала месца, а малюначкам падзяліцца хочацца - загружайце яе на Imgur і пасціце спасылку адтуль.

Для абароны свайго сайта ад неэтычных паводзінаў, я выкарыстоўваю All-In-One WP Security and Firewall . Гэта лёгкі, але шматфункцыянальны убудова, які абараняе ад брутфорсу-нападаў, дапамагае засцерагчы акаўнты карыстальнікаў, блакуе злучэння з ужо вядомымі ўзломшчыкамі і абараняе ад хотлинкинга.

У наладах All-In-One WP Security and Firewall , Абарона ад хотлинкинга ўключаецца ў Файрвол> Прадухіліць хотлинки:

Але я раю прайсціся па ўсіх меню гэтага плагіна і ўключыць рэкамендаваныя распрацоўшчыкам налады.

Аптымізуе базу дадзеных

База дадзеных - гэта ўся інфармацыя аб вашым сайце. У ёй захоўваецца змесціва пастоў, каментары, налады і шмат чаго яшчэ. Пры жаданні, сайт можна аднавіць толькі з базы дадзеных і згубяцца толькі медыяфайлы, якія захоўваліся прама на хостынгу.

Але ёсць праблема. База дадзеных WordPress расце з часам і запаўняецца смеццем. А чым больш база дадзеных - тым больш павольна працуе сайт.

Я вырашаю гэтую праблему з дапамогай плагіна Advanced Database Cleaner . Гэты убудова выдаляе:

1. Старыя рэвізіі і чарнавікі пастоў.
2. Неўхвалення каментары, спам-каментары і каментары ў кошыку.
3. Невыкарыстоўваныя тэгі і метададзеныя - напрыклад, ад аддаленых пастоў або комментов.

Больш за ўсё мне падабаецца магчымасць запланаваць ачыстку:

І аптымізацыю:

Платная версія яшчэ ўмее выдаляць «смеццевыя» значэння, тыя, што засталіся ад ужо аддаленых убудоў і тым. Але я і так вельмі асцярожна стаўлюся да ўбудовам і ня ўсталёўваю нічога, што мне не трэба.

Карыстайцеся толькі праверанымі тэмамі

Рухавічок тым WordPress прадастаўляе вэбмайстру мноства магчымасцяў. З ім, сайце можна надаць любы дызайн, а потым апублікаваць гэты дызайн ў інтэрнэце, для ўсіх. Але не ўсё так радасна - тэма не толькі надае сайту атмасферу і каларыт, але яшчэ і часта служыць асноўнай прычынай павольнай загрузкі.

У мяне ёсць два правілы пры падборы тэмы для сайта:

1. Бойцеся тым ад пачаткоўцаў. У WordPress няма «абароны ад дурня». Гэта значыць нішто не перашкаджае аўтару тэмы выкарыстоўваць поўнапамерныя выявы замест CSS-элементаў, ўстаўляць скрыпты прама ў код тэмы і проста забыцца пра аптымізацыю свайго тварэння. Перад выбарам тэмы, я не толькі гляджу на скрыншоты, але і чытаю водгукі. І калі іншыя карыстальнікі незадаволеныя хуткасцю працы тэмы - я лепш прайду міма.
2. Не ідзіце на паваду ў фінціфлюшак. Любая прыгожая анімацыя цікавая толькі першыя разы два. Потым карыстальнікам становіцца ўсё роўна, як менавіта ў вас раскрываецца меню - яны ж на сайт прыйшлі за кантэнтам, а не на меню глядзець.

Калі дэкаратыўныя элементы занадта моцна запавольваюць сайт - смела прыбірайце іх, як бы прыгожа яны не выглядалі.

Выдаліце ​​ўсе непатрэбныя убудовы

Убудовы - гэта дапаўненні для WordPress. А значыць, на іх працу сыходзяць дадатковыя рэсурсы. Чым больш убудоў - тым больш рэсурсаў на іх працу.

Таму, убудовы - зло. Нават нягледзячы на ​​тое, што я сам прапаную вам ўсталяваць некалькі убудоў. Проста станоўчы эфект убудоў, якія я рэкамендую, вышэй чым адмоўны.

І калі вы можаце абысціся без якога-небудзь плагіна - ён вам не патрэбны. Асабліва гэта тычыцца убудоў, якія дадаюць на сайт анімацыю і іншыя дэкаратыўныя элементы.

Праверыць, наколькі моцна убудова запавольвае загрузку сайта, можна з дапамогай Plugin Performance Profiler .

падключыце CDN

CDN - гэта сетка распаўсюджвання кантэнту, якая паскарае прагляд вашага сайта ў карыстальнікаў з іншых краін.

CDN не дапаможа, калі ваш сайт тармозіць сам па сабе. Але калі вы прасоўваеце свой рэсурс за мяжу, CDN - лепшае магчымае рашэнне.

Самая папулярная CDN - CloudFlare. Яе агляд, а таксама інструкцыю па падлучэнні да WordPress, можна прачытаць у артыкуле « Што такое Cloudflare і як яно паскарае прагляд сайта ».

Нарэшце, можна прызнаць паразу і проста перайсці на больш магутны тарыф хостынгу. Ці адразу на VPS, калі сайт настолькі моцна загружаны. Але перш чым укладваць у рашэнне грошы, паспрабуйце спачатку аптымізаваць сайт. Паверце, вынікі вас здзівяць.