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

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

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

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

كيف يعمل DNS Prefetch؟

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

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

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

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

إذا كنت تعتمد على موارد خارجية كثيرة، فإنّ خاصية جلب البيانات المسبق لنظام أسماء النطاقات (DNS prefetch) تُحسّن من سرعة تحميل موقعك. بالنسبة لموقع ووردبريس نموذجي يستخدم خطوط جوجل، وجوجل أناليتكس، وما إلى ذلك، يُمكن لخاصية DNS prefetch توفير ما يصل إلى 500 مللي ثانية من وقت التحميل.

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

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

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

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

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

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

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

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

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

إذا كنت تفضل عدم استخدام البرنامج الإضافي ولكن القيام بذلك يدويًا، فانتقل مباشرة إلى النقطة 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 المسبق في ووردبريس يدويًا بدون أي إضافة، فسيتعين عليك تعديل ملف 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 المسبق إلى تسريع موقع الويب الخاص بك، وخاصة الإصدار المحمول. يجب أن تلاحظ الفرق، خاصة إذا كنت تعتمد على الكثير من الموارد الخارجية.

تذكر أنه على الرغم من أن هذا قد يُسرّع موقعك، إلا أن استضافة ووردبريس التي تستخدمها والقالب هما العاملان الأهم في سرعة موقعك. أنصح باستخدام Cloudways لاستضافة ووردبريس، ويمكنك الاطلاع على مراجعتي لـ Cloudways لمعرفة الأسباب. إذا كانت Cloudways مُكلفة للغاية بالنسبة لك، فإن Hostinger و Bluehost خياران مناسبان للمواقع الصغيرة.

أوصي أيضًا باستخدام قالب GeneratePress، ويمكنك الاطلاع على مراجعتي له لمعرفة الأسباب.