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 sa tulong ng isang plugin o mano-mano. Makakatulong ito sa paggawa Mabilis na nag-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 iyong maaasahan, DNS prefetch maaaring mapabuti ang iyong oras ng pagkarga. Para sa karaniwang WordPress site na gumagamit ng mga font ng Google, Google Analytics at iba pa, makakatipid ng hanggang 500ms ng oras ng pagkarga ang DNS prefetch.

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 upang mahawakan ito ay Mga Perfmatter. Ito ay isang premium na plugin na may maraming kamangha-manghang mga tampok upang mapabilis ang isang website ng WordPress. Ang isa pang alternatibo ay WP Rocket.

Para sa Perfmatters, kakailanganin mo 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 magdagdag ng DNS prefetching sa WordPress nang manu-mano nang walang anumang plugin, kakailanganin mong i-edit ang iyong tema functions.php.

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 mapapabilis nito ang iyong site, ang WordPress hosting na ginagamit mo at ang Tema ang pinakamahalagang salik sa kung gaano kabilis ang iyong site. Inirerekomenda ko Cloudways para sa WordPress hosting at makikita mo ang aking Sinusuri ang Cloudways para sa mga dahilan. Kung masyadong marami ang Cloudways para sa iyo Hostinger at Bluehost gagana nang maayos para sa maliliit na website.

Inirerekomenda ko din GeneratePress para sa tema at makikita mo ang aking Pagsusuri ng GeneratePress para sa mga dahilan