Паляпшаем хуткасць загрузкі сайта WordPress

1. На што ўплывае хуткасць загрузкі сайта
2. Прыклад статыстыкі адмоў у Метрыцы
3. Аптымізацыя кода сайта убудовай
4. Ўключаем кэшаванне на сайце
5. Аптымізацыя малюнкаў на сайце

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

На што ўплывае хуткасць загрузкі сайта

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

Прыклад статыстыкі адмоў у Метрыцы

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

У гэтага сайта дрэнны паказчык, вялікі працэнт адмовы. Справа ў тым што яго мне замовілі перарабіць, на гэтым дамене быў стары сайт, яго ўзламалі, і заказчык прыняў рашэнне яго перарабіць зусім, у выніку карыстальнікі прыходзяць па старых url з пошукавікаў, у асноўным Google, на якія сайт аддае памылку 404 (няма гэтай старонкі), у выніку карыстальнік проста закрывае яе.

Дасведчаныя вэбмастера могуць задацца пытаннем, чаму не паставіў рэдырэкт на новыя старонкі па новых url'ам,

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

Ідзем далей, раз ёсць дрэнны прыклад, значыць павінен быць добры, хацелася б рэабілітавацца, вось трымаеце.

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

Аптымізацыя кода сайта убудовай

Для пачатку трэба аптымізаваць CSS, HTML коды і коды скрыптоў, для гэтага ёсць адмысловая ўбудова, ён называецца, яго скрін прыведзены ніжэй

Налады не вельмі складаныя, ёсць для прасунутых карыстальнікаў, ёсць для пачаткоўцаў, увогуле глядзіце самі

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

Ўключаем кэшаванне на сайце

Кэшаванне на сайце пад кіраванне WordPress гэта проста неабходная штука, без яго, па меры напаўнення сайта кантэнтам і павелічэнню колькасці наведвальнікаў у анлайне, ўзрасце нагрузка на хосцера, а яны гэтага вельмі не любяць, таму рэсурсы на кожным серверы абмежаваныя для кожнай дамовы хостынгу, таму сайт пачне падтармажваць. Чаму так адбываецца, справа ў тым што пры звароце старонкі, сервер кожны раз павінен будзе выканаць php код, прачытаўшы пры гэтым css стылі і выканаўшы ўсе скрыпты. Што робіць убудова кэшавання? Ён проста захоўвае створаныя серверам старонкі з вашых php ў выглядзе html файлаў, якія складвае ў сваю тэчку, і калі ў чарговы раз да гэтай старонцы звяртаецца карыстальнік, ён проста аддае захоўнымі старонку, якая не мае патрэбы ў складаных працэсах генерацыі яе серверам вашага хосцера.

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

Пры далейшай працы над сайтам, вам спатрэбіцца кнопка (3), «Выдаліць увесь кэш», калі вы што тое памянялі на сайце, колер блока, шрыфт, яшчэ які то элемент дызайну, абавязкова выдаляйце кэш смела, справа ў тым што вы можаце не убачыць змяненняў, бо сервер аддасць вам кэшаваць старонку. Пасля націску кнопкі «Выдаліць кэш». будзе гэта

Выдаляйце ўвесь кэш, потым абнаўляць старонку.

Ёсць яшчэ кэш браўзэра, яго робіць сам браўзэр, і захоўвае ў сябе ў тэчцы. зроблена гэта таксама для хуткасці загрузкі, яго таксама трэба часам выдаляць, для гэтага калі абнаўляецца праз старонку, замест F5, націскайце Ctrl + F5

Аптымізацыя малюнкаў на сайце

Зараз зоймемся Мэдыякантэнт (фоточку, малюначак) нашага сайта, у сучасным сайтостроении без фота і малюнкаў нікуды, таму будзем аптымізаваць выявы, але тут я прапаную абысціся без плагіна. Я выключаю ў гэтым пытанні відэакантэнт, яго ёсць сэнс захоўваць на відэахостынгу тыпу youtube.com, там яны самі займаюцца аптымізацыяй без нашага ўдзелу.

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

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

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