Implementácia predbežného načítania, predbežného načítania a predbežného pripojenia vo WordPress

Využite výhody moderných funkcií prehliadača, ako je predbežné načítanie, predbežné načítanie a predbežné pripojenie, aby sa webová stránka WordPress zrýchlila.


Ako vlastník stránok nechce robiť všetky možné kroky na rýchlejšie načítanie webovej stránky?

Zabezpečiť rýchlejšie a rýchlejšie načítanie stránok na celom svete je náročné. Ak chcete rýchlo načítať prostriedky lokality, môžete urobiť niekoľko vecí, vrátane povolení nasledujúcich možností rady prehliadača. Sú tiež známe ako techniky predbežného prehliadania.

Poznámka: Techniky odporúčané v prehliadači nepomáhajú pri prvom prístupe na web, ale následné žiadosti sú rýchlejšie.

predpätie

Môžete použiť značku predbežného načítania a povedzte prehliadaču, aby včas získal nejaké statické zdroje. Môže ísť o obrázok, písmo, JavaScript, CSS, skripty, video atď. Pomáha určiť priority načítania zdrojov; tým sa zvyšuje výkon.

Predbežné načítanie by bolo vhodné implementovať, ak očakávate, že používatelia navštívia viac stránok následne. Rovnako ako e-obchod, kde používateľ navštívi stránku produktu a potom skontroluje informácie, porovná ich s iným produktom, pridá do košíka, zaplatí atď..

Na nastavenie funkcie predbežného načítania môžete použiť nasledujúce doplnky.

Lepšie rady týkajúce sa zdrojov – bezplatný doplnok na konfiguráciu súborov CSS a JS.

WP Rocket – prémiový doplnok na doplnenie výkonu webových stránok mnohými základnými technikami vrátane predbežného načítania vyrovnávacej pamäte a súboru Sitemap.

Ako viete, či je aktivované predbežné načítanie?

Najrýchlejším spôsobom, ako to zistiť, je zobrazenie zdroja stránky. Mali by ste vidieť niečo ako nižšie.

Nie všetky prehliadače podporujú funkciu Predbežne načítať pri písaní. Takže, pozrite sa na matica kompatibility pred implementáciou.

vopred pripojeným

Načítate zdroje z iných domén? Možno CDN?

Ak nie, a každý zdroj sa načítava z vašej jedinej domény, nemusí to byť užitočné.

Predbežné pripojenie prehľadávača tipov na nadviazanie spojenia s inými doménami na pozadí za účelom šetrenia času na vyhľadávanie DNS, presmerovanie, TCP handshake, vyjednávanie TLS atď. Cieľom je znížiť latenciu, aby sa zabezpečilo rýchle načítanie prostriedkov z inej domény..

Opäť môžete použiť vyššie uvedený doplnok pre lepšie rady o zdrojoch alebo prémiový perfmatters.

Po nakonfigurovaní požadovaných zdrojov by ste ich mali vidieť v zdroji stránky, ako je uvedené nižšie.

Poznámka: Ak načítavate prostriedky z domény, ktorá vyžaduje CORS, musíte špecifikovať, že ako crossorigín a výstup by mali vyzerať ako.

Predbežné pripojenie je kompatibilné s najnovšou verziou prehliadačov Chrome, Edge, Firefox, Safari.

prefetch

Nechajte prehliadač načítať ďalšiu stránku, o ktorej si myslíte, že bude potrebná, keď sa používateľ pohybuje okolo. Prefetch stiahne potrebné zdroje a uloží ich do miestnej vyrovnávacej pamäte a podľa potreby ich rýchlo doručí. Existujú dva typy predbežného načítania.

Predbežné načítanie DNS – vysvetlené nižšie

Prefetch odkazu – nakonfigurované pomocou. Používa sa na predbežné načítanie HTML alebo statických zdrojov. Prostriedky môžete predbežne načítať pomocou atribútu.

ako atribút podporuje rôzne zdroje, ako sú zvuk, video, skript, skladba, štýl, písmo, objekt, dokument atď. Predbežné načítanie odkazu možno nakonfigurovať pomocou Doplnok Rady pre zdroje strany.

Prefetch DNS

Načítavajú sa zdroje z mnohých domén a chcú ich vyriešiť na pozadí?

Toto rýchle nastavenie môže pomôcť vyriešiť všetky potenciálne domény skôr, takže ak sa požadujú zdroje, načíta sa rýchlejšie. To pomáha znížiť celkovú latenciu.

Povedzme, že načítavate zdroje z 3 domén a každá doména trvá približne 100 ms, aby vykonala vyhľadávanie DNS, a tým ušetríte latenciu 300 ms.

Nie je to v pohode?

Môžete implementovať buď pomocou doplnku perfmatters, alebo pridať nasledujúci súbor do súboru features.php vášho motívu, ak ste spokojní s úpravou tematických súborov..

// * Predbežné načítanie DNS
function dns_prefetch () {
ozvena

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

Viac si môžete prečítať na Webové dokumenty Mozilly.

predbežne vykresliť

Očakávate, že používatelia vašich stránok budú navigovať na potenciálnej stránke?

Program Prerender môže pomôcť načítať tieto diela na pozadí a keď naň používateľ klikne, získa ho veľmi rýchlo. Dosiahnete to pomocou doplnku Pre Party Resource Hints.

Predbežná distribúcia je vhodná pre stránku alebo aktívum s nízkou hmotnosťou, ale buďte opatrní pri práci na celom webe alebo pri veľkých zdrojoch, pretože to môže zvýšiť využitie procesora a šírku pásma a spomaliť stránku. Skúste teda s menším zdrojom a otestujte ho, aby ste sa uistili, že nemá vedľajšie účinky.

Ako vidíte, existujú štyri hlavné doplnky, ktoré implementujú rady prehliadača vo WordPress. Vyberte si ten, ktorý sa vám páči a splňte požiadavku.

Doplnok Rady pre zdroje strany – bezplatný doplnok ponúka predbežné načítanie DNS, predbežné načítanie odkazu, predbežné vykreslenie, predbežné pripojenie a predbežné načítanie.

Lepšie rady týkajúce sa zdrojov – alternatíva k predchádzajúcej.

Bezplatný doplnok je dobrý, pokiaľ je udržiavaný a podporovaný. Bohužiaľ sa tak nestane pri mnohých doplnkoch, a preto je niekedy lepšie ísť za platenú verziu. Doplnky komerčnej verzie sú profesionálne a aktuálne štandardom WordPress podporované & opravy zabezpečenia. Ak ste ochotní minúť niekoľko dolárov na optimalizáciu výkonu svojich stránok, môžete vyskúšať nasledujúce.

WP Rocket – dobre pokladaný, dôveryhodný pre viac ako 800 000 stránok. Jedna webová stránka stojí 49 dolárov.

Perfmatters – nízka hmotnosť s jednoduchým sledovaním stojí 24,95 dolárov na jedno miesto. Ako píšem, ponúka nasledujúce funkcie.

To je veľa optimalizácie.

záver

Jadro WordPress je ľahké, ale stáva sa objemným, záleží na tom, akú tému a doplnky používate. A je nevyhnutné optimalizovať výkonnosť vašich stránok pre lepšie hodnotenie a konverziu pri vyhľadávaní. Tieto techniky sa dajú ľahko sledovať, ale nemali by ste sa tam zastaviť.

Mali by ste tiež zvážiť použitie CDN na ukladanie do vyrovnávacej pamäte a na rýchlejší prenos obsahu vašim používateľom na celom svete. Existuje veľa, ale ja by som odporučil vyskúšať SUCURI, ktorý ponúka CDN a bezpečnosť, oboje.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map