تحسين سرعة مدونة بلوجر وتقليل وقت تحميلها
اكواد DNS Prefetch هي عبارة عن طريقة لتحليل DNS يقوم بحديد نوع الدومين ومعلومات عنه من خلال هذه المعلومات يستطيع المتصفح ترتيب التحميل للموقع, عادتاً نحن نستخدم روابط خارجية صور/فيديو/js/... في مدوناتنا, هذه الروابط بتأكيد لها اثر كبير في سرعة تحميل المدونة, لذالك يجب عليك ان تعمل لها حل. نحن في مدونات بلوجر سنستخدم اكواد DNS Prefetch , نحن استخدمنا هذه الطريقة كونها أفضل حل بنسبة لمدونات بلوجر, أم بنسبة إلى المدونات والمواقع الذي تستخدم سكربت خاص مثل الووردبريس لا تحتاج إلى اكواد DNS Prefetch لأنها بكل بساطه تعمل على تخزين الروابط ضمن نطق الدومين نفسه ,بعض مدونات الووردبريس تستخدم DNS Prefetch.
كيف تعمل اكواد DNS Prefetch:
قبل تحميل الصفحة تقوم اكواد DNS Prefetch بإرسال معلومات إلى المتصفح عن نوع الدومين ونوع السيرفر ومعلومات عن الروابط الخارجية وأنواع الروابط الخارجية صور/فيديو... وغيره مما يعمل ذالك على جعل المتصفح يعمل بدقه, بحيث يعمل على تسريع تحميل ملفات ضرورية وتأخير تحميل ملفات غير ضرورية (يحتاجها المشاهد بعد تحميل الصفحة). باختصار يعمل على تنظيم تحميل المدونة مما ينتج تسريع للمدونة.
طريقة تركيب هذا الكود (الجلب المسبق):
لتركيب هذا الكود ، عليك أن تتبع هذه الخطوات :
- إذهب الى لوحة التحكم.
- إضغط على المظهر.
- إختر تعديل 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'/>
بعد ذلك قم بحفظ التغييرات ، وستلاحظ تحسناً في سرعة تحميل الموقع ان شاء الله. الى هنا يكون قد انتهى الشرح ، على أمل أن يكون قد أفادكم ،الى اللقاء في شرح جديد ان شاء الله.
No comments:
Post a Comment