วิธีตั้งค่า DNS prefetching ใน WordPress

การพรีเฟตช์ระบบชื่อโดเมนหรือที่เรียกกันทั่วไปว่าการพรีเฟตช์ DNS คือกระบวนการระบุชื่อโดเมนก่อนที่ผู้ใช้จะร้องขอ กระบวนการนี้ใช้เพื่อให้เว็บไซต์โหลดเร็วขึ้นและเพิ่มประสิทธิภาพโดยรวม

การปรับแต่ง DNS ใน WordPress เป็นวิธีที่นิยมใช้ในการทำให้เว็บไซต์โหลดเร็วขึ้นโดยการเฟซทรัพยากรที่ร้องขอปกติล่วงหน้า เช่น Google Fonts, Google Analytics, Font Awesome และอื่นๆ อีกมากมาย

ในโพสต์นี้ คุณจะได้เรียนรู้วิธีเพิ่ม DNS prefetching ใน WordPress ด้วยความช่วยเหลือของปลั๊กอินหรือด้วยตนเอง ซึ่งสามารถช่วยได้ เว็บไซต์ WordPress โหลดเร็ว.

DNS Prefetch ทำงานอย่างไร?

DNS Prefetch จะทำงานเบื้องหลัง หากคุณกำลังโหลดทรัพยากรจากหลายโดเมน โดยปกติแล้วสิ่งนี้จะส่งผลต่อเวลาโหลดเว็บไซต์ เนื่องจากเบราว์เซอร์จะใช้เวลาประมาณ 100 มิลลิวินาทีในการค้นหา DNS

นั่นหมายความว่าหากคุณมีโดเมนถึง 5 โดเมนที่คุณกำลังโหลดทรัพยากรมา เบราว์เซอร์อาจใช้เวลาถึง 500 มิลลิวินาทีในการค้นหา

แต่สิ่งที่การดึงข้อมูล DNS ไว้ล่วงหน้าทำคือทำให้โดเมนที่คุณพึ่งพาโหลดในพื้นหลังก่อนที่ผู้ใช้จะคลิกลิงก์ที่จะทริกเกอร์โดเมนนั้น

ซึ่งหมายความว่าเมื่อผู้ใช้คลิก ทรัพยากรก็จะพร้อมและหน้าจะโหลดทันที

หากคุณมีทรัพยากรภายนอกจำนวนมากที่ต้องพึ่งพา การพรีเฟตช์ DNS สามารถปรับปรุงเวลาโหลดของคุณได้ สำหรับไซต์ WordPress ทั่วไปที่ใช้ฟอนต์ Google, Google Analytics และอื่นๆ การพรีเฟตช์ DNS สามารถประหยัดเวลาโหลดได้ถึง 500 มิลลิวินาที

จะใช้การพรีเฟตช์ DNS เพื่ออะไร

มีทรัพยากรมากมายที่คุณสามารถดึงข้อมูลล่วงหน้าเพื่อให้ไซต์ของคุณโหลดเร็วขึ้น ซึ่งรวมถึง:

• Google อักษร
• Google Analytics
• ที่อยู่ CDN
• ผู้จัดการแท็กของ Google
• ตัวอักษรที่น่ากลัว
• แผนที่ของกูเกิล
• และแหล่งข้อมูลภายนอกใดๆ

วิธีตั้งค่า DNS prefetching ใน WordPress

ปฏิบัติตามขั้นตอนเหล่านี้เพื่อเปิดใช้งานการดึงข้อมูล DNS ล่วงหน้าใน WordPress:

1. ติดตั้งปลั๊กอิน DNS Prefetch

วิธีที่ง่ายที่สุดในการนำ DNS prefetching มาใช้ใน WordPress คือการใช้ปลั๊กอิน ซึ่งจะช่วยลดความเครียดจากการแก้ไขไฟล์ธีมของคุณ

ปลั๊กอินที่ดีที่สุดสำหรับจัดการสิ่งนี้คือ ผลงานเป็นปลั๊กอินพรีเมียมที่มีฟีเจอร์น่าทึ่งมากมายสำหรับเพิ่มความเร็วให้กับเว็บไซต์ WordPress อีกทางเลือกหนึ่งคือ WP จรวด.

สำหรับ Perfmatters คุณจะต้อง ดาวน์โหลดปลั๊กอินจากเว็บไซต์ของพวกเขาติดตั้งและเปิดใช้งานบนแดชบอร์ด WordPress ของคุณ

หากคุณไม่อยากใช้ปลั๊กอินแต่จะทำด้วยตนเอง ให้ข้ามไปที่ข้อ 4 ได้เลย

2. เพิ่มโดเมนเพื่อพรีเฟตช์

หลังจากติดตั้งและเปิดใช้งานปลั๊กอิน Perfmatters แล้ว ไปที่การตั้งค่าปลั๊กอินและคลิกที่แท็ปพิเศษ คุณสามารถเพิ่มโดเมนเพื่อพรีเฟตช์ได้

คุณควรเพิ่มโดเมนหนึ่งรายการต่อบรรทัดตามรูปแบบด้านล่างเท่านั้น:

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

สำหรับ WP Rocket ให้ไปที่แท็บ Preload แล้วเลื่อนลงไปที่ Prefetch DNS Requests จากนั้นคุณสามารถป้อน URL ที่ต้องการ prefetch ในรูปแบบเดียวกับด้านบนได้

3. บันทึกการเปลี่ยนแปลง

อย่าลืมบันทึกการเปลี่ยนแปลงไว้ เพียงเท่านี้ก็เรียบร้อย

4. เพิ่มการดึงข้อมูล DNS ล่วงหน้าใน WordPress ด้วยตนเอง

หากคุณต้องการเพิ่ม DNS prefetching ใน WordPress ด้วยตนเองโดยไม่ต้องใช้ปลั๊กอินใดๆ คุณจะต้องแก้ไขธีมของคุณ functions.php.

เพียงเพิ่มโค้ดด้านล่างนี้ลงในไฟล์ functions.php ของคุณ ในตัวอย่างด้านล่าง ฉันได้เพิ่ม Google Analytics, Google Tag Manager และ Google fonts ไว้เป็นแนวทาง คุณสามารถแก้ไขโค้ดและเพิ่มโค้ดอื่นๆ ได้ด้วย

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

เพียงเพิ่มบรรทัดใหม่ที่มีลักษณะดังนี้:

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

สรุป

การดึงข้อมูล DNS ล่วงหน้าสามารถเพิ่มความเร็วให้กับเว็บไซต์ของคุณได้ โดยเฉพาะในเวอร์ชันมือถือ คุณควรสังเกตเห็นความแตกต่าง โดยเฉพาะอย่างยิ่งหากคุณใช้ทรัพยากรภายนอกจำนวนมาก

โปรดจำไว้ว่าแม้ว่าสิ่งนี้อาจเพิ่มความเร็วให้กับเว็บไซต์ของคุณได้ แต่โฮสติ้ง WordPress ที่คุณใช้และธีมเป็นปัจจัยที่สำคัญที่สุดที่ส่งผลต่อความเร็วของเว็บไซต์ของคุณ ฉันขอแนะนำ Cloudways สำหรับการโฮสต์ WordPress และคุณสามารถดูของฉันได้ รีวิว Cloudways ด้วยเหตุผลบางประการ หาก Cloudways มากเกินไปสำหรับคุณ Hostinger และ Bluehost จะทำงานได้ดีกับเว็บไซต์ขนาดเล็ก

ฉันยังแนะนำ GeneratePress สำหรับธีมและคุณสามารถดูของฉันได้ สร้างบทวิจารณ์ ด้วยเหตุผล