كيفية إعداد DNS prefetching في WordPress

إن عملية جلب أسماء النطاقات المسبقة المعروفة باسم جلب أسماء النطاقات المسبق هي عملية حل أسماء النطاقات قبل أن يطلبها المستخدمون. وهي تستخدم بشكل أساسي لجعل مواقع الويب تُحمل بشكل أسرع وزيادة الأداء العام.

يعد تحسين DNS في WordPress طريقة شائعة لجعل مواقع الويب يتم تحميلها بشكل أسرع من خلال تحسين الموارد المطلوبة العادية مثل خطوط Google وGoogle Analytics وFont Awesome والمزيد.

في هذه المقالة، ستتعلم كيفية إضافة جلب DNS مسبقًا في ووردبريس باستخدام مكون إضافي أو يدويًا. هذا قد يساعدك في تحميل موقع ووردبريس بسرعة.

جدول المحتويات إخفاء

كيف يعمل DNS Prefetch؟

ما الذي يجب استخدامه لجلب DNS مسبقًا؟

كيفية إعداد DNS prefetching في WordPress

الخاتمة

كيف يعمل DNS Prefetch؟

تعمل ميزة DNS Prefetch في الخلفية. إذا كنت تقوم بتحميل الموارد من العديد من المجالات، فسيؤثر هذا عادةً على وقت تحميل موقع الويب لأن المتصفح سيستغرق حوالي 100 مللي ثانية لإجراء بحث DNS.

وهذا يعني أنه إذا كان لديك ما يصل إلى 5 نطاقات تقوم بتحميل الموارد منها، فقد يستغرق المتصفح ما يصل إلى 500 مللي ثانية للبحث.

ولكن ما يفعله جلب DNS المسبق هو أنه يجعل المجال الذي تعتمد عليه يتم تحميله في الخلفية قبل أن يقوم المستخدم بالنقر فوق الرابط الذي سيؤدي إلى تشغيله.

وهذا يعني أنه عندما ينقر المستخدم عليها، تصبح الموارد جاهزة وسيتم تحميل الصفحة على الفور.

إذا كان لديك الكثير من الموارد الخارجية التي تعتمد عليها، جلب DNS مسبقًا يمكن أن يؤدي تحسين وقت التحميل إلى تحسين وقت التحميل. بالنسبة لموقع WordPress النموذجي الذي يستخدم خطوط Google وGoogle Analytics وما إلى ذلك، يمكن أن يوفر DNS prefetch ما يصل إلى 500 مللي ثانية من وقت التحميل.

ما الذي يجب استخدامه لجلب DNS مسبقًا؟

هناك العديد من الموارد التي يمكنك جلبها مسبقًا لجعل موقعك يتم تحميله بشكل أسرع. وهي تشمل:

الخطوط جوجل
Google Analytics
عنوان URL لشبكة توصيل المحتوى
من خلال جوجل تاج مانيجر GTM
الخط رائع
خريطة جوجل
وأي مصادر خارجية

كيفية إعداد DNS prefetching في WordPress

اتبع الخطوات التالية لتمكين جلب DNS مسبقًا في WordPress:

1. قم بتثبيت مكون إضافي لـ DNS Prefetch

الطريقة الأسهل لتنفيذ عملية جلب DNS مسبقًا في WordPress هي استخدام مكون إضافي. سيوفر لك هذا عناء تعديل ملفات السمة الخاصة بك.

أفضل مكون إضافي للتعامل مع هذا هو Perfmattersإنها إضافة مميزة بميزات رائعة لتسريع موقع ووردبريس. بديل آخر هو WP Rocket.

بالنسبة لـ Perfmatters، ستحتاج إلى قم بتنزيل البرنامج الإضافي من موقعهم. قم بتثبيته وتفعيله في لوحة معلومات WordPress الخاصة بك.

إذا كنت تفضل عدم استخدام البرنامج الإضافي ولكن القيام بذلك يدويًا، فانتقل مباشرة إلى النقطة 4.

2. أضف المجالات إلى قائمة الجلب المسبق

بعد تثبيت وتفعيل البرنامج الإضافي Perfmatters، انتقل إلى إعدادات البرنامج الإضافي وانقر على الزر الإضافي. هناك يمكنك إضافة المجالات إلى prefetch.

يجب عليك إضافة مجال واحد فقط لكل سطر وفقًا للنمط أدناه:

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

بالنسبة إلى WP Rocket، انتقل إلى علامة التبويب "التحميل المسبق" وانتقل لأسفل إلى "طلبات DNS المسبقة". هناك يمكنك إدخال عناوين URL التي تريد جلبها مسبقًا بنفس النمط الموضح أعلاه.

3. حفظ التغييرات.

تأكد من حفظ التغييرات. هذا كل شيء.

4. قم بإضافة جلب DNS مسبقًا في WordPress يدويًا.

إذا كنت تفضل إضافة جلب DNS مسبقًا في WordPress يدويًا دون أي مكون إضافي، فسيتعين عليك تعديل سمة موقعك functions.php.

ما عليك سوى إضافة الكود أدناه إلى ملف functions.php. في المثال أدناه، أضفت Google Analytics وGoogle Tag Manager وخطوط Google كدليل. يمكنك تعديله ويمكنك أيضًا إضافة المزيد.

//* 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 أكثر مما يناسبك، هوستنقر و Bluehost سوف يعمل بشكل جيد للمواقع الصغيرة.

أنا أوصي أيضا GeneratePress للموضوع ويمكنك رؤية مراجعة GeneratePress لأسباب