Брз сајт се не прави гомилом додатака за убрзавање, него тиме што на сајту има само оно што му заиста треба. Сваки додатак, фонт, скрипта и велика слика додају мало времена, а збир тих „мало“ је разлика између сајта који се отвори одмах и сајта који посетилац напусти пре него што се учита. У овом водичу идемо редом: како да измерите брзину, шта највише успорава WordPress и шта да урадите, без компликованих подешавања.
Зашто је брзина важна
Посетилац са телефона чека неколико секунди, па одлази. Google мери исто што и посетилац и користи то као један од сигнала за рангирање. Три мерила која се најчешће помињу су:
- LCP: колико брзо се појави главни садржај странице, обично највећа слика или наслов;
- INP: колико брзо страница реагује када посетилац нешто кликне или укуца;
- CLS: колико се страница помера док се учитава, на пример када слика гурне текст надоле.
Како да измерите брзину
Отворите PageSpeed Insights, упишите адресу странице и гледајте резултат за телефон, јер је он строжији и јер већина посетилаца долази са телефона. Измерите почетну страну, једну обичну страну и, ако имате продавницу, страну производа.
Не јурите број 100. Важније је да су три мерила зелена и да сајт делује брзо када га сами отворите на телефону, преко мобилног интернета. После сваке измене мерите поново, да бисте знали шта је помогло.
1. Мање додатака, лакша тема
Сваки додатак може да учита свој CSS и JavaScript на свакој страни, чак и када се на тој страни не користи. Прођите кроз списак додатака и за сваки се запитајте: да ли га заиста користим и да ли то може да уради тема или WordPress сам?
- Изаберите лаку тему и користите њене могућности уместо посебних додатака за сваку ситницу.
- Градитељи страница доносе много кода. Уређивач блокова у WordPress-у данас може скоро све што треба обичном сајту.
- Један додатак за једну намену: једна форма, један кеш, један SEO алат, не по два.
- Искључене додатке које не планирате да користите обришите.
Пример: овај сајт са продавницом ради са темом Blocksy, WooCommerce-ом, једним додатком за слање мејлова, једним за форме и сопственим NikolicWP додацима. Без градитеља страница и без додатака „за сваки случај“.
2. Хостинг и PHP
Ниједно подешавање не може да надокнади спор сервер. Проверите код хостинга да сајт ради на новој верзији PHP-а (8.x), да је укључен OPcache и да сервер има кеш за странице. Ако се администрација отвара споро и без иједног посетиоца, проблем је најчешће у хостингу или у неком додатку, а не у сликама.
3. Кеш страница, али само један
Кеш чува готову страницу, па сервер не мора да је прави испочетка за сваког посетиоца. То је највеће појединачно убрзање за већину сајтова. Правила су једноставна:
- Користите један кеш: онај који нуди хостинг или један додатак. Два кеша један преко другог праве проблеме, а не брзину.
- Корпа, плаћање и налог се не кеширају. Добри додаци за кеш то знају сами, али проверите.
- Опције као „одложи JavaScript“ и „споји фајлове“ укључујте једну по једну и после сваке проверите сајт, јер могу да покваре дугмад, форме и корпу.
4. Слике
- Права величина: фотографија са телефона од 4000 пиксела нема шта да тражи у тексту широком 800 пиксела. Смањите је пре отпремања.
- Савремени формат: WebP или AVIF су вишеструко мањи од JPG-а и PNG-а, уз исти изглед.
- Одложено учитавање: WordPress сам учитава слике испод екрана тек када посетилац стигне до њих. Прва велика слика на врху не треба да се одлаже.
- Димензије у коду: слика са уписаном ширином и висином чува своје место, па текст не скаче док се учитава.
5. Фонтови
Фонтови су често скривени узрок спорости и померања текста. Користите једну, највише две породице фонтова и само дебљине које вам заиста требају. Учитавајте их са свог сајта, а не са туђег сервера: брже је и не шаље адресе посетилаца трећој страни.
За сајт на српском фонт мора да има и ћирилицу и латинична слова č, ć, š, ž и đ. Ако их нема, прегледач та слова црта другим фонтом, па речи изгледају шарено и текст се помера када се фонт учита.
6. Спољне скрипте
Прозори за ћаскање, пиксели за огласе, мапе и уграђени видео снимци учитавају код са других сервера, често више него цео ваш сајт. Оставите само оно што користите. Мапе и видео снимке можете приказати као слику која се претвара у праву мапу или видео тек на клик, а скрипте за мерење и огласе ионако се покрећу тек када посетилац пристане на колачиће.
Шта не радити
- Не инсталирајте више додатака за убрзавање одједном. Раде исте ствари и сметају једни другима.
- Не укључујте сва подешавања „за брзину“ одједном. Када нешто престане да ради, нећете знати због чега.
- Не сакривајте спорост екраном за учитавање. Он не убрзава сајт, о томе смо писали у чланку о екрану за учитавање.
- Не мерите само на рачунару, на брзој вези. Ваши посетиоци су на телефону.
Како су направљени NikolicWP додаци
Сваки NikolicWP додатак правимо тако да не оптерећује сајт. NikolicWP Pismo мења слова у готовој страни за неколико милисекунди, а стране из кеша не успорава уопште. NikolicWP Asistent учитава једну малу скрипту и један стил, без jQuery-ја. NikolicWP Zavesa има скрипту од око 3 KB и сама се изузима из одлагања JavaScript-а код познатих додатака за брзину. Подешавања су на српском и свако има препоручену вредност, па ништа не морате да погађате.
Честа питања
Колико додатака је превише?
Не постоји тачан број. Један лоше направљен додатак може да успори сајт више од десет добрих. Важно је да сваки има своју намену и да га стварно користите.
Да ли ми треба CDN?
За сајт чији су посетиоци углавном у Србији, а сервер је близу, обично не. CDN помаже када посетиоци долазе из целог света или када сајт има много великих фајлова.
Да ли кеш смета продавници?
Не, ако корпа, плаћање и налог нису кеширани. Остале стране продавнице, као производи и категорије, кеширају се без проблема.
Одакле да почнем?
Измерите сајт, обришите додатке које не користите, укључите један кеш и смањите највеће слике. Та три корака обично донесу највише.
Укратко: брз WordPress сајт је пре свега уредан сајт. Лака тема, мало додатака са јасном наменом, један кеш, слике праве величине, један или два фонта са свим словима и само спољне скрипте које користите. Мерите пре и после сваке измене, на телефону.
