Maak gebruik van moderne blaaierfunksies soos vooraf laai, vooraf haal, vooraf verbind om die WordPress-webwerf vinniger te maak.


As ‘n webwerf-eienaar wat nie daarvan hou om alles moontlik te maak om die webblad vinniger te laai nie?

Dit is uitdagend om te verseker dat werwe konsekwent wêreldwyd vinniger laai. Daar is verskillende dinge wat u kan doen om die werfhulpbronne vinnig te laai, insluitend die volgende in staat stel wenke wenke. Dit staan ​​ook bekend as voor-blaai tegnieke.

Let wel: die wenktegnieke vir blaaiers help nie veel as u die webwerf vir die eerste keer besoek nie, maar daaropvolgende versoeke is vinniger.

voorbelading

U kan ‘n voorlaaimerk gebruik om die blaaier te laat weet om van die statiese bronne vroeg te gaan haal. Dit kan ‘n beeld, lettertipe, JavaScript, CSS, skrifte, video, ens. Wees. Dit help om die laai van hulpbronne te prioritiseer; dus word prestasie verbeter.

Dit is ‘n goeie idee om vooraf te laai as u van u gebruikers verwag om daarna verskeie bladsye te besoek. Soos die e-handelswinkel waar die gebruiker die produkbladsy besoek en dan die inligting nagaan, vergelyk met ander produkte, in ‘n mandjie plaas, betaal, ens..

U kan die volgende plugins gebruik om die Voorlaaifunksie op te stel.

Wenke vir beter hulpbronne – ‘n gratis inprop om CSS- en JS-lêers op te stel.

WP Rocket – ‘n premie-inprop om die prestasie van die webwerf met baie belangrike tegnieke op te laai, insluitend die laai van die geheue en sitemap.

Hoe weet u of vooraflading aangeskakel is??

Die vinnigste manier om dit uit te vind is deur na die bladsybron te kyk. U moet iets soos hieronder sien.

Nie alle blaaiers ondersteun die voorlading tydens skryfwerk nie. Dus, kyk na die verenigbaarheidsmatriks voor die implementering.

Preconnect

Laai u bronne van ander domeine af? Miskien CDN?

Indien nie, en elke bron van u enkele domein gelaai word, kan dit nie nuttig wees nie.

Die voorafbinding van wenke is gekoppel om ‘n verbinding met ander domeine op die agtergrond te bewerkstellig om tyd te bespaar vir DNS-soek, herleiding, TCP-handskud, TLS-onderhandeling, ens. Die idee is om die vertraging te verlaag om vinnig hulpbronne vanaf ‘n ander domein te laai.

Weereens, u kan die bogenoemde beter hulpbronwenk-inprop gebruik, of die premium een perfmatters.

Sodra u die vereiste hulpbronne gekonfigureer het, moet u dit in die bladsybron sien, soos hieronder.

Opmerking: as u die bronne laai van ‘n domein wat CORS benodig, moet u dit spesifiseer as ‘cross-origin’ en ‘output’ moet lyk.

Preconnect is versoenbaar met die nuutste weergawe van Chrome, Edge, Firefox, Safari.

gaan haal

Laat die blaaier die volgende bladsy gaan haal wat u dink nodig sal wees wanneer die gebruiker rondry. Prefetch laai die nodige hulpbronne af en stoor dit in die plaaslike kas en dien dit vinnig indien nodig. Daar is twee soorte vooraf-haal.

DNS-vooraf haal – hieronder uiteengesit

Skakel vooraf uit – opgestel met behulp van. Word gebruik om die HTML- of statiese bronne vooraf te haal. U kan hulpbronne vooraf uithaal as ‘n attribuut.

aangesien kenmerk verskillende bronne ondersteun, soos klank, video, draaiboek, snit, styl, lettertipe, voorwerp, dokument, ens. Skakelvoorbereiding kan opgestel word met behulp van Wenke vir voorpartytjie-hulpbronne-wenke.

DNS-voorafkies

Laai bronne van baie domeine af en wil dit op die agtergrond oplos?

Hierdie vinnige opstelling kan help om al die moontlike domeine vroeër op te los, dus as dit aangevra word, laai dit vinniger. Dit help om die totale vertraging te verlaag.

Gestel jy laai hulpbronne van 3 domeine, en elke domein benodig ongeveer 100 m om DNS-opslag uit te voer, dan bespaar jy 300 m-vertraging.

Is dit nie cool nie?

U kan dit implementeer deur die perfmatters-inprop te gebruik of die volgende by te voeg in die funksies.php-lêer van u tema as u gemaklik is met die redigering van die temalêers..

// * Vooraf-haal van DNS
funksie dns_prefetch () {
eggo ‘

}
add_action (‘wp_head’, ‘dns_prefetch’, 0);

U kan meer lees by Mozilla-webdokumente.

Prerender

Verwag u dat u werfgebruikers die potensiële bladsy sal navigeer?

Prerender kan help om daardie bates op die agtergrond te laai, en as die gebruiker daarop klik, kry hulle dit baie vinnig. U kan dit bereik met die voorpartytjie-hulpbronwenke-inprop.

Voorafbesteding is geskik vir ‘n bladsy of bate wat ‘n ligte gewig het, maar wees versigtig met die hele werf of groot hulpbronne, want dit kan die SVE-benutting en bandwydte verhoog en die werf vertraag. Probeer dus met die kleiner bron en toets dit om te verseker dat dit nie newe-effekte het nie.

Soos u kan sien, is daar vier hoofplugins betrokke om blaaierwenke in WordPress te implementeer. Kies die een waarvan u hou en pas by die vereiste.

Wenke vir voorpartytjie-hulpbronne-wenke – ‘n Gratis plugin bied DNS-prefetch, skakel prefetch, preerender, pre-connect en preeload aan.

Wenke vir beter hulpbronne – ‘n alternatief vir bogenoemde.

Die gratis inprop is goed, solank dit onderhou en ondersteun word. Ongelukkig gebeur dit nie by baie plugins nie, en dit is waarom dit beter is om die betaalde weergawe te gebruik. Kommersiële weergawe-plugins word professioneel en up-to-date ondersteun met WordPress-standaard & sekuriteitsoplossings. As u bereid is om ‘n paar dollar te spandeer aan die optimalisering van u werfprestasie, kan u die volgende ondersoek.

WP Rocket – ‘n goeie reputasie, vertrou deur meer as 800,000 webwerwe. Dit kos $ 49 vir een webwerf.

Perfmatters – ‘n Ligte gewig wat maklik is om te volg kos 24,95 dollar vir een webwerf. Terwyl ek skryf, bied dit die volgende funksies.

Dit is baie optimalisering.

Afsluiting

WordPress-kern is ‘n liggewig, maar dit raak groot, hang af van watter tema en plugins u gebruik. En dit is noodsaaklik om die prestasie van u webwerf te optimaliseer vir beter soekranglys en -omskakeling. Bogenoemde tegnieke is maklik om te volg, maar u moet nie daar stop nie.

U moet ook oorweeg om ‘n CDN te gebruik om die inhoud vinniger te strook en vinniger aan u gebruikers te lewer. Daar is baie, maar ek beveel SUCURI aan om altwee CDN en sekuriteit te bied.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me