طرق فريدة تجعل مدونة بلوجر سريعة جدًأ

2 سبتمبر، 2021

لا شك ان المحتوى الفريد بالنهاية هو اللاعب الأساسي في الموقع ولكن جوجل دائمًا تحث أصحاب المواقع على زيادة سرعة مواقعهم لتحسين تجربة الزائر وبالتالي يكون تصنيف الموقع صديق الهاتف أو صاحب الموقع السريع يفضل أكثر بالنسبة لجوجل في تصنيف البحث وقد وفرت جوجل العديد من الموارد التي تساعد أصحاب المواقع على زيادة سرعة صفحات الموقع.

واليوم سوف نتعلم بعض الطرق التي تسهم في حد كبير إلى زيادة سرعة الموقع فيما يلي بعض الطرق التي يمكنك تطبيقها للحصول على مدونة سريعة ومُفضلة.

1. تحسين الخطوط
الخطوط المستضافة على موقع خارجية تسبب زيادة كبيرة في وقت الإستجابة وزيادة في تحميل الموقع معظم مدونات بلوجر تستخدم خط Font-Awesome و خطوط جوجل لذلك إذا كانت لديك هذه الخطوط مستضافة بملف .css عليك تضمينها في الكود التالي وإضافته فوق الرمز </head> في قالب مدونتك

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://fonts.googleapis.com/earlyaccess/droidarabickufi.css");loadCSS("https://use.fontawesome.com/releases/v5.0.8/css/all.css");
//]]>
</script>

قم بإزالة روابط الخطوات الخاصة بمدونتي وأضف بدلًا منها الخطوت الموجودة على مدونة والتي تنتهي بـ .css ثم أحذف الكود الخاص بها

بمجرد تطبيق هذه الخطوة ستلاحظ فرق بسيط في تحسين سرعة الموقع عند قياس سرعة الموقع بإستخدام أداة PageSpeed

2. تقليل وقت إستجابة خوادم الروابط الخارجية
تتضمن هذه الطريقة فعالية في تسريع إستجابة الـ DNS والتخزين المؤقت فقط بإضافة الكود التالي أسفل الرمز <head> لتسهم في تحسين ذاكرة التخزين المؤقت بالمتصفح.

<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='//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'/>

*نصائح اخرى

نصائح لتسريع مدونات بلوجر
تسريع مدونتك بعملية ضغط CSS و Html في قالب مدونة بلوجر – شرح كامل
7 طرق ونصائح لجعل الزوار يمضون وقتا اطول داخل الموقع
سيو بلوجر: اضافة اكواد DNS Prefetch لتسريع تحميل المدونة وتقوية seo

3. حذف ملف widget_css_bundle.css
يرجى ملاحظة هذه الملفات أساسية في كل مدونات بلوجر بحذفها الإضافات الأساسية لن تعمل بعدها مثل نموذج الإتصال وأداة الإشتراك والإحصائيات وغيرها ولكن بحذفها يمكنك الحصول على سرعة جيدة لمدونتك

لحذف ملف

<link href='https://www.blogger.com/static/v1/widgets/521441841-css_bundle_v2.css' rel='stylesheet' type='text/css'/>

قم بوضع علامة b:css=’false’ مقابل الرمز <html ليصبح بالشكل التالي

<html b:css='false' b:version='2' expr:dir='data:blog.languageDirection'>

4. حذف ملف Authorization.css
مهمة هذا الملف التحقق من صلاحيات المسؤول أي عندما تدخل لمدونتك يقوم بالتحقق ما إذا كنت انت المشرف ام لا وهو يأتي على الشكل التالي:

<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=1938498085333396857&amp;zx=8e1292bd-b800-4d24-859d-eba6b4a6873b' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=1938498085333396857&amp;zx=8e1292bd-b800-4d24-859d-eba6b4a6873b' rel='stylesheet'/></noscript>

لحذفه ابحث عن الرمز </head> وأستبدله بالرمز التالي:

&lt;!--</head>--&gt;&lt;/head&gt;

5. حذف ملف Cookiechoices.js
وهو المسؤول عن إشعار ملفات تعريف الإرتباط حيث أنه يقرأ الدولة والمكان ويقوم بتخزين المعلومات لقرائتها يمكنك التخلص منه بإستبدال الرمز </body> بالرمز التالي:

&lt;noscript&gt;
&lt;!--</body>--&gt;
&lt;/noscript&gt;
&lt;/body&gt;

6. تحسين ملف أجاكس
ملف اجاكس أو مكتبة ajax موجودة في جميع قوالب بلوجر تحقق منه ما إذا كانت به علامة async=’async’ أم لا، بالطبع هذه العلامة مهمة جدًا تعمل بشكل فعال على عدم تأثير سرعة الموقع بها بحيث يتم تحميل الموقع أولًا ثم مزامنتها ثانيًا
فإن لم تجدها في الكود الخاص بالمكتبة لديك يجب تضمين علامة async=’async’ كما هي في الرمز أدناه:

<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'/>

هذه إصدارات مكتبة ajax تختلف بحسب كل إصدار ولكن لابد من تضمين تلك العلامة للحصول على سرعة افضل للمدونة

وأخيرًأ لا تنسى ضغط الصور بإستخدام مواقع تقليل حجم الصور دون التأثير على جودتها ومحاولة تقليل الإضافات في بلوجر غير المهمة وتقليل عدد الصفحات المعروضة في الرئيسية للحصول على موقع سريع وفعال.

قد لا تظهر إجراءاتك مباشرةً على موقع PageSpeed لكن التحسينات التي قمت بها ستظهر ان موقعك تحسن عما كان عليه من قبل

نتمنى لكم التوفيق دائمًا.

2 سبتمبر، 2021

مقالات ذات صلة