Имплементација претходног учитавања, преузимања унапред, претходног повезивања у ВордПресс-у

Искористите предности модерних функција претраживача као што су претходно учитавање, преузимање унапред, претходно повезивање да бисте учинили веб локацију ВордПресс бржом.

Као власник сајта, ко не воли да учини све што је могуће за брже учитавање веб странице?

Осигуравање бржег учитавања сајтова широм света је изазов. Постоји неколико ствари које можете да урадите да бисте брзо учитали ресурсе сајта, укључујући омогућавање следећих савета за прегледач. Познате су и као технике претходног прегледања.

Напомена: технике наговештаја претраживача не помажу много када први пут приступате веб локацији, али су накнадни захтеви бржи.

Прелоад

Можете користити ознаку за претходно учитавање да бисте рекли претраживачу да раније преузме неке од статичких ресурса. То могу бити слика, фонт, ЈаваСцрипт, ЦСС, скрипте, видео, итд. Помаже да се одреди приоритет учитавања ресурса; дакле, перформансе су побољшане.

Претходно учитавање би била добра идеја за имплементацију ако очекујете да ће ваши корисници накнадно посетити више страница. Попут продавнице е-трговине где корисник посети страницу производа и затим провери информације, упореди са другим производом, дода у корпу, плати итд.

Можете користити следеће додатке да бисте подесили функцију унапред учитавања.

Бољи савети за ресурсе – бесплатни додатак за конфигурисање ЦСС и ЈС датотека.

ВП Роцкет – премиум додатак за појачавање перформанси веб локације уз помоћ многих основних техника, укључујући претходно учитавање кеширања и мапе сајта.

Како знате да ли је претходно учитавање омогућено?

Најбржи начин да сазнате је преглед извора странице. Требало би да видите нешто као испод.

<link rel="preload" as="style" href="https://wilku.top/implementing-preload-prefetch-preconnect-in-wordpress/IMPORTANT.css">
<link rel="preload" as="script" href="CRITICAL.js">

Не подржавају сви претраживачи Прелоад током писања. Дакле, погледајте матрица компатибилности пре имплементације.

  11 најбољих интерактивних виџета за ваш иПхоне и иПад

Прецоннецт

Да ли учитавате ресурсе са других домена? Можда ЦДН?

Ако не, и сваки ресурс се учитава са вашег појединачног домена, онда ово можда неће бити од помоћи.

Претходно повезивање наговештава претраживач да успостави везу са другим доменима у позадини како би се уштедело време за ДНС тражење, преусмеравање, ТЦП руковање, ТЛС преговарање, итд. Идеја је да се смањи кашњење како би се обезбедило брзо учитавање ресурса са другог домена.

Опет, можете користити горе поменути додатак за боље савете о ресурсима или премиум додатак перфматтерс.

Када конфигуришете потребне ресурсе, требало би да их видите у извору странице као испод.

<link rel="preconnect" href="https://ANOTHERSITE.com">

Напомена: ако учитавате ресурсе са домена који захтевају ЦОРС онда морате да наведете да би то требало да изгледа као унакрсно порекло и излаз.

<link rel="preconnect" href="https://ANOTHERSITE.com" crossorigin>

Прецоннецт је компатибилан са најновијом верзијом Цхроме-а, Едге-а, Фирефок-а, Сафарија.

Префетцх

Нека прегледач преузме следећу страницу, за коју мислите да ће бити потребна када се корисник креће около. Префетцх ће преузети неопходне ресурсе и сачувати их у локалном кешу и брзо их послужити када је то потребно. Постоје две врсте претходног преузимања.

ДНС унапред преузимање – објашњено у наставку

Претходно преузимање везе – конфигурисано помоћу <линк урл ..>. Користи се за претходно преузимање ХТМЛ-а или статичких ресурса. Можете унапред преузети ресурсе користећи као атрибут.

<линк рел=”префетцх” хреф=”хттпс://сомесите.цом/артицлес/паге/2/” ас=”доцумент”>

ас атрибут подржава различите ресурсе као што су аудио, видео, скрипта, нумера, стил, фонт, објекат, документ, итд. Претходно преузимање линка може се конфигурисати уз помоћ Додатак Пре Парти Ресоурце Хинтс.

  Ево шта треба да урадите

ДНС Префетцх

Учитавате ресурсе са многих домена и желите да их решите у позадини?

Ово брзо подешавање може помоћи да се раније реше сви потенцијални домени, тако да када се затраже ресурси, брже се учитавају. Ово помаже да се смањи укупна латенција.

Рецимо да учитавате ресурсе са 3 домена, а сваком домену је потребно око 100 мс да изврши ДНС претрагу, а онда ћете уштедети 300 мс латенције.

Зар није кул?

Можете имплементирати било користећи перфматтерс додатак или додати следеће у фунцтионс.пхп датотеку своје теме ако вам је пријатно да уређујете датотеке теме.

//* DNS Prefetching
function dns_prefetch() {
    echo '<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="https://YOUROTHERDOMAIN.com" />
<link rel="dns-prefetch" href="https://ANDANOTHERONE.com" />
<link rel="dns-prefetch" href="https://AND.SOMEMORE.com" />
}
add_action('wp_head', 'dns_prefetch', 0);

Више можете прочитати на Мозилла веб документи.

Пререндер

Да ли очекујете да ће се корисници вашег сајта кретати потенцијалном страницом?

Пререндер може помоћи да се та средства учитају у позадини, а када корисник кликне на њу, добијају је врло брзо. То можете постићи помоћу додатка Пре Парти Ресоурце Хинтс.

Предприказивање је погодно за малу страницу или средство, али будите опрезни са целом веб локацијом или великим ресурсима јер може повећати искоришћеност ЦПУ-а и пропусни опсег и успорити сајт. Дакле, покушајте са мањим ресурсом и тестирајте га да бисте били сигурни да нема нежељених ефеката.

Као што видите, постоје четири главна додатка за имплементацију наговештаја претраживача у ВордПресс-у. Изаберите онај који вам се допада и одговара захтевима.

Додатак Пре Парти Ресоурце Хинтс – бесплатни додатак нуди ДНС-префетцх, линк префетцх, пре-рендер, прецоннецт и прелоад.

  Како додати или променити ТикТок сличицу

Бољи савети за ресурсе – алтернатива горе наведеној.

Бесплатни додатак је добар све док се одржава и подржава. Нажалост, то се не дешава код многих додатака, и зато је понекад боље изабрати плаћену верзију. Додаци за комерцијалне верзије су професионално и ажурирани са стандардним и безбедносним исправкама за ВордПресс. Ако сте вољни да потрошите неколико долара на оптимизацију перформанси вашег сајта, онда можете да погледате следеће.

ВП Роцкет – са добром репутацијом, поверење на више од 800.000 сајтова. Коштао је 49 долара за једну веб локацију.

Перфматтерс – лагана и лака за праћење коштала је 24,95 долара за једну локацију. Док пишем, нуди следеће карактеристике.

То је много оптимизације.

Закључак

Језгро ВордПресс-а је лагано, али постаје гломазно у зависности од теме и додатака које користите. И, од суштинске је важности да оптимизујете перформансе вашег сајта за боље рангирање у претрази и конверзију. Горе наведене технике је лако пратити, али не бисте требали стати на томе.

Такође би требало да размислите о коришћењу ЦДН-а за брже кеширање и испоруку садржаја вашим корисницима, глобално. Има их много, али бих препоручио да испробате СУЦУРИ који нуди ЦДН и сигурност, обоје.