اكواد تسريع مدونة البلوجر DNS Prefetch

اكواد تسريع مدونة البلوجر DNS Prefetch

بسم الله الرحمن الرحيم:

السلام عليكم ورحمة الله ، أهلاً بكم متابعي مدونة مومنتك الاعزاء في هذه التدوينة سأشرح كيفية جعل مدونتك سريعة التصفح باضافة اكواد DNS Prefetch :

جميع المدونات بها قوالب مكونة من اكواد html وcss وjava scrept وjqury لتعطي  القالب الميزة التي يريدها صاحب المدونة وتكون ملائمة لمحتواه ،هذه الاكواد بعضها يعتمد على مصادر خارجية ،اي بمعنى اخر مرتبط باكواد بصفحات خارج مدونتك يتم استدعائها بروابط موجودة في قالب مدونتك، واغلبها java scrept .

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

من هنا تبدا مشكلة تقل المدونة في التصفح وتشعر الزائر بالملل مما يجعله يضجر ويغادر موضوعك للبحث في جهة اخرى،لذلك يجب الاعتناء بمدونتك والبحث لها عن حلول لجعلها انيقة وسريعة ليجد الزائرسهولة تامة في متابعة مدونتك .

وكل الاضافات التي تجعل المدونة انيقة كالخطوط والايقونات والسلايدرشو ...الى غير ذلك تحتاج الى تلك المصادر الخارجية للاستفادة منها ،لذلك يجب الاستعانة بهذه الاكواد DNS Prefetch ودورها هو الجلب المسبق لنظام اسماء النطاقات هي عملية تعتمد على تخزين هده النطاقات في متصفح الزائر حتى يسهل الاستفادة منها في التصفح ولا يحتاج الى استدعائها في كل مرة اراد الانتقال الى صفحة اخرى.

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

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

اول ما يجب عليك فعله قبل التعديل على القالب هو اخد نسخة احتياطية من القالب لتفادي الوقوع في الخطأ 

إذهب الى لوحة التحكم.

قم بأخد نسخة احتياطية.
وبعدها إضغط على المظهر.
إختر تعديل HTML.
اضغط على CTRL + F للبحث عن وسم

</head>

ثم قم بلصق الكود التالي بعده مباشرة (اسفله) :

<!-- DNS Prefetch --><br /> <br />
<link href="//www.blogger.com" rel="dns-prefetch"></link><br />
<link href="//1.bp.blogspot.com" rel="dns-prefetch"></link><br />
<link href="//28.2bp.blogspot.com" rel="dns-prefetch"></link><br />
<link href="//3.bp.blogspot.com" rel="dns-prefetch"></link><br />
<link href="//4.bp.blogspot.com" rel="dns-prefetch"></link><br />
<link href="//2.bp.blogspot.com" rel="dns-prefetch"></link><br />
<link href="//www.blogger.com" rel="dns-prefetch"></link><br />
<link href="//maxcdn.bootstrapcdn.com" rel="dns-prefetch"></link><br />
<link href="//fonts.googleapis.com" rel="dns-prefetch"></link><br />
<link href="//use.fontawesome.com" rel="dns-prefetch"></link><br />
<link href="//ajax.googleapis.com" rel="dns-prefetch"></link><br />
<link href="//resources.blogblog.com" rel="dns-prefetch"></link><br />
<link href="//www.facebook.com" rel="dns-prefetch"></link><br />
<link href="//plus.google.com" rel="dns-prefetch"></link><br />
<link href="//twitter.com" rel="dns-prefetch"></link><br />
<link href="//www.youtube.com" rel="dns-prefetch"></link><br />
<link href="//feedburner.google.com" rel="dns-prefetch"></link><br />
<link href="//www.pinterest.com" rel="dns-prefetch"></link><br />
<link href="//www.linkedin.com" rel="dns-prefetch"></link><br />
<link href="//codepen.io" rel="dns-prefetch"></link><br />
<link href="//dribbble.com" rel="dns-prefetch"></link><br />
<link href="//feeds.feedburner.com" rel="dns-prefetch"></link><br />
<link href="//github.com" rel="dns-prefetch"></link><br />
<link href="//player.vimeo.com" rel="dns-prefetch"></link><br />
<link href="//platform.twitter.com" rel="dns-prefetch"></link><br />
<link href="//apis.google.com" rel="dns-prefetch"></link><br />
<link href="//connect.facebook.net" rel="dns-prefetch"></link><br />
<link href="//cdnjs.cloudflare.com" rel="dns-prefetch"></link><br />
<link href="//www.google-analytics.com" rel="dns-prefetch"></link><br />
<link href="//pagead2.googlesyndication.com" rel="dns-prefetch"></link><br />
<link href="//googleads.g.doubleclick.net" rel="dns-prefetch"></link><br />
<link href="//www.gstatic.com" rel="preconnect"></link><br />
<link href="//www.googletagservices.com" rel="dns-prefetch"></link><br />
<link href="//static.xx.fbcdn.net" rel="dns-prefetch"></link><br />
<link href="//tpc.googlesyndication.com" rel="dns-prefetch"></link><br />
<link href="//syndication.twitter.com" rel="dns-prefetch"></link></blockquote>

ومن بعد ذلك قم بحفظ التغييرات ، وستلاحظ تحسناً في سرعة تحميل الموقع ان شاء الله. الى هنا انتهى الشرح ، أمل أن أكون قد أفدتكم ،الى اللقاء في شرح جديد ان شاء الله.