القائمة الرئيسية

الصفحات

آخر الأخبار

إضافة أكواد DNS Prefetch لتسريع تحميل مدونات بلوجر

السلام عليكم ورحمة الله ، أهلاً بكم متتبعي موقع المحترف تك الكرام في هذه التدوينة الجديدة التي سأشرح لكم فيها كيفية إضافة خاصية الـ DNS Prefetch للمدونة وذلك لتسريع تحميل الموقع. هيّا نبدأ الشرح!
اكواد dns-prefetch لتسريع تحميل مدونة بلوجر
جميع المدونات تحتوي روابط في القالب ، بعض تلك الروابط تقوم بجلب موارد خارجية لاستخدامها في المدونة. مثلاً : كل القوالب تحتوي على روابط استدعاء خطوط معينة مثل "Font Awesome" الذي يقوم باستدعاء مختلف الأيقونات ، مثلاً أيقونة الفيسبوك و اليوتيوب وتويتر..وغيرها. أيضاً توجد روابط تقوم بجلب بعض الإضافات ، مثل السلايدرات "Sliders" التي تقوم بعرض التدوينات بشكل صور متحركة.. وتعتبر ملفات أجاكس (أياكس) "ajax" احدى أهم تلك الاضافات.

من هنا تبدأ المشكلة ، حيث أن سرعة تحميل الموقع وفتحه تقل تدريجياً حتى يصبح بطيئاً مع الزمن ، وهذ ما يؤثر سلباً على تجربة المستخدم في موقعك.. وربما قد يجعلك تخسر زوارك بسبب ثقل الموقع. ولذلك ستكون أمام خيارين ، إما أن تقوم بحذف جميع الإضافات التي تسبب تباطؤ الموقع ، أو أن تقوم بإضافة بعض الأكواد التى تقوم بتسريع تحميل الموقع من خلال ميزة "الجلب المسبق لنظام أسماء النطاقات".

طريقة تركيب هذا الكود (الجلب المسبق):

لتركيب هذا الكود ، عليك أن تتبع هذه الخطوات :


  • إذهب الى لوحة التحكم.
  • إضغط على المظهر.
  • إختر تعديل HTML.
  • اضغط على CTRL + F للبحث عن وسم <head>.

ثم قم بلصق الكود التالي بعده مباشرة (اسفله) :
<!-- DNS Prefetch -->
<meta content='on' http-equiv='x-dns-prefetch-control'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//28.2bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//plus.google.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feedburner.google.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>
<link href='//codepen.io' rel='dns-prefetch'/>
<link href='//dribbble.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//github.com' rel='dns-prefetch'/>
<link href='//player.vimeo.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='preconnect'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//static.xx.fbcdn.net' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>
بعد ذلك قم بحفظ التغييرات ، وستلاحظ تحسناً في سرعة تحميل الموقع ان شاء الله. الى هنا يكون قد انتهى الشرح ، على أمل أن يكون قد أفادكم ،الى اللقاء في شرح جديد ان شاء الله.
هل اعجبك الموضوع :

تعليقات