DNS-esihaun määrittäminen WordPressissä

DNS-esihaku voi saada WordPress-sivustot latautumaan nopeammin. Sivusto, joka käyttää ulkoisia resursseja, kuten Google Analyticsia, Google-fontteja ja paljon muuta, voi säästää jopa 500 ms.

Domain Name System Prefetching, joka tunnetaan yleisesti nimellä DNS-esihaku, on prosessi, jossa verkkotunnukset ratkaistaan ​​ennen kuin käyttäjät pyytävät sitä. Sitä käytetään pääasiassa verkkosivustojen latautumiseen nopeammin ja yleisen suorituskyvyn parantamiseen.

DNS-prefektointi WordPressissä on suosittu tapa saada verkkosivustot latautumaan nopeammin esihakuamalla säännöllisesti pyydetyt resurssit, kuten Google-fontit, Google-analytiikka, Font Awesome ja paljon muuta.

Tässä viestissä opit lisäämään DNS-esihaun WordPressiin laajennuksen avulla tai manuaalisesti. Tämä voi auttaa tekemään WordPress-sivusto latautuu nopeasti.

Kuinka DNS Prefetch toimii?

DNS Prefetch toimii taustalla. Jos lataat resursseja useilta verkkotunnuksilta. Tämä vaikuttaa yleensä verkkosivuston latausaikaan, koska selaimelta DNS-haun suorittaminen kestää noin 100 ms.

Tämä tarkoittaa, että jos sinulla on enintään 5 verkkotunnusta, joista lataat resursseja, selaimelta voi kestää jopa 500 ms etsimiseen.

DNS-esihaun tehtävänä on kuitenkin se, että se kuormittaa käyttämäsi verkkotunnuksen taustalla, ennen kuin käyttäjä napsauttaa sen käynnistävää linkkiä.

Tämä tarkoittaa, että kun käyttäjä napsauttaa sitä, resurssit ovat valmiita ja sivu latautuu välittömästi.

DNS prefetching browser

Jos sinulla on paljon ulkoisia resursseja, joihin luotat, DNS esihaku voi parantaa latausaikaasi. Tavallisissa WordPress-sivustoissa, joissa käytetään Google-fontteja, Google Analyticsia ja niin edelleen, DNS-esihaku voi säästää jopa 500 ms latausaikaa.

Mihin DNS-esihakua käytetään

Voit noutaa monia resursseja nopeuttaaksesi sivustosi latautumista. Ne sisältävät:

  • Google fontteja
  • Google Analytics
  • CDN URL
  • Google Tag Manager
  • Font Awesome
  • Google map
  • Ja kaikki ulkoiset resurssit

DNS-esihaun määrittäminen WordPressissä

Ota DNS-esihaku käyttöön WordPressissä seuraavasti:

1. Asenna DNS Prefetch -laajennus

Helpoin tapa toteuttaa DNS-esihaku WordPressissä on käyttää laajennusta. Tämä säästää stressiä, joka aiheutuu teematiedostojen muokkaamisesta.

Paras laajennus tämän hoitamiseen on Perfmatterit. Se on premium-laajennus, jossa on paljon uskomattomia ominaisuuksia WordPress-sivuston nopeuttamiseksi. Toinen vaihtoehto on WP Rocket.

Perfmattersille sinun täytyy lataa laajennus heidän sivustoltaan. Asenna ja aktivoi se WordPress-hallintapaneelissasi.

Jos et halua käyttää laajennusta vaan teet sen manuaalisesti, siirry suoraan kohtaan 4.

2. Lisää esihaettavia verkkotunnuksia

Perfmatters-laajennuksen asennuksen ja aktivoinnin jälkeen. Siirry laajennusasetuksiin ja napsauta ylimääräistä napauta. Siellä voit lisätä verkkotunnuksia esihaettavaksi.

Lisää vain yksi verkkotunnus riviä kohden noudattamalla alla olevaa mallia:

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

Jos kyseessä on WP Rocket, siirry Esilataus-välilehteen ja vieritä alas kohtaan Prefetch DNS Requests. Siellä voit syöttää URL-osoitteet, jotka haluat noutaa valmiiksi saman mallin kuin yllä.

3. Tallenna muutokset.

Muista tallentaa muutokset. Siinä kaikki.

4. Lisää DNS-esihaku WordPressiin manuaalisesti.

Jos haluat lisätä DNS-esihaun WordPressiin manuaalisesti ilman lisäosia, sinun on muokattava teemasi functions.php.

Lisää vain alla oleva koodi functions.php-tiedostoosi. Alla olevaan esimerkkiin olen lisännyt Google Analyticsin, Google Tag Managerin ja Google-fontit oppaaksi. Voit muokata sitä ja voit myös lisätä lisää.

//* 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);

Lisää vain uusi rivi, joka on tällainen:

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

Yhteenveto

DNS-esihaku voi nopeuttaa verkkosivustoasi, erityisesti mobiiliversiota. Sinun pitäisi huomata ero, varsinkin jos luotat paljon ulkopuolisiin resursseihin.

Muista, että vaikka tämä voi nopeuttaa sivustoasi, käyttämäsi WordPress-isännöinti ja teema ovat tärkein tekijä sivustosi nopeudessa. minä suosittelen Cloudways WordPress-isännöintiin ja näet minun Cloudways-arvostelu syistä. Jos Cloudways on sinulle liikaa Hostinger ja Bluehost toimii hyvin pienillä verkkosivustoilla.

Suosittelen myös GeneratePress teemalle ja näet minun GeneratePress-arvostelu syistä

Mfon Abel Ekene

Mfon Abel Ekene

Nautin hyödyllisen sisällön luomisesta. Intohimoni on auttaa Internet-väestöä löytämään tarvitsemansa ohjaamalla heitä oikeaan suuntaan. Sitä rakastan tehdä, ja teen useita tunteja tutkimusta ja testausta varmistaakseni, että teen juuri sen TargetTrendin sisällön kautta.

Artikkelit: 48

Vastaanota teknisiä tavaroita

Tekniset trendit, startup-trendit, arvostelut, online-tulot, verkkotyökalut ja markkinointi kerran tai kahdesti kuukaudessa

Jätä vastaus

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *