Paano mag-set up ng DNS prefetching sa WordPress

Ang Domain Name System Prefetching na kilala bilang DNS prefetching ay ang proseso ng paglutas ng mga domain name bago ito hilingin ng mga user. Pangunahing ginagamit ito upang gawing mas mabilis ang pag-load ng mga website at pataasin ang pangkalahatang pagganap.

Ang DNS prefecthing sa WordPress ay isang sikat na paraan upang gawing mas mabilis ang pag-load ng mga website sa pamamagitan ng prefeching sa mga regular na hinihiling na mapagkukunan tulad ng mga font ng Google, Google analytics, Font Awesome at higit pa.

Sa post na ito, matututunan mo kung paano magdagdag ng DNS prefetching sa WordPress gamit ang isang plugin o manu-mano. Makakatulong ito para mabilis na mag-load ang WordPress site.

Talaan ng nilalaman itago

Paano gumagana ang DNS Prefetch?

Para saan ang DNS prefetching

Paano mag-set up ng DNS prefetching sa WordPress

Konklusyon

Paano gumagana ang DNS Prefetch?

Gumagana ang DNS Prefetch sa background. Kung naglo-load ka ng mga mapagkukunan mula sa maraming domain. Karaniwang makakaapekto ito sa oras ng pag-load ng website dahil ang browser ay tatagal ng humigit-kumulang 100ms upang maisagawa ang DNS lookup.

Ibig sabihin, kung mayroon kang hanggang 5 domain kung saan ka naglo-load ng mga mapagkukunan, maaaring tumagal ng hanggang 500ms ang browser para sa paghahanap.

Ngunit ang ginagawa ng DNS prefetching ay ginagawa nitong mai-load ang domain na iyong pinagkakatiwalaan sa background bago mag-click ang isang user sa isang link na magti-trigger dito.

Nangangahulugan ito na sa oras na mag-click dito ang user, handa na ang mga mapagkukunan at agad na maglo-load ang page.

Kung marami kang panlabas na mapagkukunan na maaasahan, mapapabuti ng DNS prefetch ang iyong oras ng pag-load. Para sa isang karaniwang WordPress site na gumagamit ng Google fonts, Google Analytics at iba pa, ang DNS prefetch ay makakatipid ng hanggang 500ms ng oras ng pag-load.

Para saan ang DNS prefetching

Maraming mga mapagkukunan na maaari mong i-prefetch upang mapabilis ang pag-load ng iyong site. Kabilang sa mga ito ang:

font Google
Google Analytics
URL ng CDN
Google Tag Manager
Font Galing
Google mapa
At anumang panlabas na mapagkukunan

Paano mag-set up ng DNS prefetching sa WordPress

Sundin ang mga hakbang na ito upang paganahin ang DNS prefetching sa WordPress:

1. Mag-install ng DNS Prefetch plugin

Ang pinakamadaling paraan upang ipatupad ang DNS prefetching sa WordPress ay ang paggamit ng isang plugin. I-save nito ang stress ng kinakailangang i-edit ang iyong mga theme file.

Ang pinakamahusay na plugin para dito ay ang Perfmatters . Ito ay isang premium na plugin na may maraming kamangha-manghang mga tampok upang mapabilis ang isang WordPress website. Ang isa pang alternatibo ay ang WP Rocket.

Para sa Perfmatters, kakailanganin mong i-download ang plugin mula sa kanilang site . I-install at i-activate ito sa iyong WordPress dashboard.

Kung mas gugustuhin mong hindi gumamit ng isang plugin ngunit gawin ito nang manu-mano, pagkatapos ay dumiretso sa punto 4.

2. Magdagdag ng mga domain sa prefetch

Pagkatapos i-install at i-activate ang Perfmatters plugin. Pumunta sa mga setting ng plugin at mag-click sa karagdagang tap. Doon maaari kang magdagdag ng mga domain sa prefetch.

Dapat ka lang magdagdag ng isang domain sa bawat linya na sumusunod sa pattern sa ibaba:

//fonts.googleapis.com //www.google-analytics.com //cdnjs.cloudflare.com //www.googletagmanager.com

Para sa WP Rocket, pumunta sa tab na Preload at mag-scroll pababa sa Prefetch DNS Requests. Doon maaari mong ipasok ang mga URL na gusto mong i-prefetch ang parehong pattern tulad ng nasa itaas.

3. I-save ang mga pagbabago.

Tiyaking ise-save mo ang mga pagbabago. Iyon lang.

4. Manu-manong magdagdag ng DNS prefetching sa WordPress.

Kung mas gusto mong manu-manong magdagdag ng DNS prefetching sa WordPress nang walang anumang plugin, kakailanganin mong i-edit ang functions.php ng iyong tema.

Idagdag lamang ang code sa ibaba sa iyong functions.php. Sa halimbawa sa ibaba, idinagdag ko ang Google Analytics, Google Tag Manager at Google font bilang gabay. Maaari mo itong i-edit at maaari ka ring magdagdag ng higit pa.

//* DNS Prefetching
function dns_prefetch() {
    echo '<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="https://www.google-analytics.com" />
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />
<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
}
add_action('wp_head', 'dns_prefetch', 0);

Magdagdag lamang ng bagong linya na ganito:

<link rel="dns-prefetch" href="https://DOMAIN.com" />

Konklusyon

Maaaring pabilisin ng DNS prefetching ang iyong website, lalo na ang mobile na bersyon. Dapat mong mapansin ang isang pagkakaiba, lalo na kung umaasa ka sa maraming panlabas na mapagkukunan.

Tandaan na bagama't maaari nitong mapabilis ang iyong site, ang WordPress hosting na iyong ginagamit at ang Tema ang pinakamahalagang salik sa kung gaano kabilis ang iyong site. Inirerekomenda ko ang Cloudways para sa WordPress hosting at maaari mong tingnan ang aking pagsusuri sa Cloudways para sa mga kadahilanan. Kung ang Cloudways ay masyadong mahirap para sa iyo, ang Hostinger at Bluehost ay gagana nang maayos para sa maliliit na website.

Inirerekomenda ko rin ang GeneratePress para sa tema at maaari mong tingnan ang aking pagsusuri sa GeneratePress para sa mga kadahilanang ito.