زيادة سرعة مدونة بلوجر: أكواد حصرية لتسريع إعلاناتك

زيادة سرعة مدونة بلوجر بطريقة عملية

إذا كنت تعانى من بطء تحميل مدونتك وتريد تحسين سرعة مدونة بلوجرBlogger  كما فى الصورة، فأنت فى المكان الصحيح.

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

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

كيفية زيادة سرعة مدونة بلوجر بمنتهى السهولة
كيفية زيادة سرعة مدونة بلوجر بطريقة عملية

أسباب مشكلة بطء مدونة بلوجر

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

ولكى تتمكن من عمل ذلك فإنك تضطر للإعتماد على مكتبات JavaScript الثقيلة والتى يمكن أن تضيف العديد من الكيلوبيتات إلى صفحاتك، وهو ما يؤدى الى قضاء مدونتك بعض الوقت لتحميل صفحات الويب الخاصة بك.

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

كيفية زيادة سرعة مدونة بلوجر بمنتهى السهولة
كيفية زيادة سرعة مدونة بلوجر بطريقة عملية

أهمية سرعة مدونة بلوجرBlogger

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

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

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

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

وهو ما يعني خسارة بعض الزائرين لمدونتك او موقعك لصالح أحد منافسيك إذا كان موقعه أسرع من موقعك.

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

الحلول العملية لتحسين سرعة مدونة بلوجر

مما لاشك فيه أن إختيار إستضافة ويب جيدة، وإستخدام شبكة توصيل محتوى CDN ، وتقليل حجم الصوربضغطها وملفات الوسائط ، وإستخدام أكواد برمجية قليلة ونظيفة، وتقليل حجم ملفات جافا سكريبت وملفات CSS وإستخدام قالب سريع ومتوافق مع المتصفحات وخالى من الأخطاء.

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

لا تنسى قبل البدء إختبار سرعة موقعك علىPageSpeed Insights قبل بدء التجربة، حتى تتعرف على سرعة مدونتك الحالية.

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

الإعلانات ماهى إلا كود جافا سكريبت، وبالتالى إضافتها للمدونة سوف يمثل حمل فى تحميل المدونة، ويبطء تحميلها، ولذلك سنقوم بعمل التالى:-

ملاحظة : وكما هو متفق عليه فإن قبل قيامك بأي تعديل على HTML ضرورة التأكد من أخذ نسخة إحتياطية للقالب للرجوع إليها في حالة حدوث اي مشكلة في تصميم القالب لأن بعض الطرق قد لا تعمل مع كل القوالب.

إنسخ الكود التالى


<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/imintweb/Js/adsensegurd.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
var sc_project=12579786;
var sc_invisible=1;
var sc_security="3e03fe74";
//]]>
</script>

<script id='flying-scripts' type='text/javascript'>
const loadScriptsTimer=setTimeout(loadScripts,4*1000);
const userInteractionEvents=["mouseover","keydown","touchstart","touchmove","wheel"];
userInteractionEvents.forEach(function(event){window.addEventListener(event,triggerScriptLoader,{passive:!0})});
function triggerScriptLoader(){loadScripts();clearTimeout(loadScriptsTimer);userInteractionEvents.forEach(function(event){window.removeEventListener(event,triggerScriptLoader,{passive:!0})})}
function loadScripts(){document.querySelectorAll("script,iframe[data-type='lazy']").forEach(function(elem){elem.setAttribute("src",elem.getAttribute("data-src"))})}
</script>

<script data-ad-client='ca-pub-ضع هنا رقم معرف الناشر فى ادسنس' data-src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' data-type='lazy'/>

      

قم فى السطر قبل الإخير فى الكود بعاليه بلصق الرقم التعريفى لأدسنس الخاص بك، والذى يمكن الحصول عليه من الصفحة الرئيسة لجوجل أدسنس والمكون من 16 رقم بدلا من ÖÚ åäÇ ÑÞã ãÚÑÝ ÇáäÇÔÑ Ýì ÇÏÓäÓ.

 ثم إذهب لصفحة بلوجر وإضغط على المظهر، ثم إضغط على السهم بجانب كلمة التخصيص ، ثم إضغط على الإحتفاظ بنسخة إحتياطية، ثم إضغط على تعديل HTML، ثم قم بلصق الكود فوق الوسم Body الموجود فى أخر القالب ثم إضغط على حفظ.

 قم بإزالة كود إعلانات أدسنس التلقائى والمتواجد لديك سابقا.

التعديل على شفرات أدسنس الإعلانية

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

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

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

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-61111111111111111

     crossorigin="anonymous"></script>

<!-- منتصف المقال -->

<ins class="adsbygoogle"

     style="display:block"

     data-ad-client="ca-pub-6111111111111111"

     data-ad-slot="8583192243"

     data-ad-format="auto"

     data-full-width-responsive="true"></ins>

<script>

     (adsbygoogle = window.adsbygoogle || []).push({});

</script>

يتم تعديل الكود كالأتى

<!-- منتصف المقال -->

<ins class="adsbygoogle"

     style="display:block"

     data-ad-client="ca-pub-6111111111111111"

     data-ad-slot="8583192243"

     data-ad-format="auto"

     data-full-width-responsive="true"></ins>

<script>

     (adsbygoogle = window.adsbygoogle || []).push({});

</script>

ثم يتم الذهاب الى التنسيق ووضع الكود فى المكان المخصص له

تعديل حجم الصور وضغطها وتعديلها لصيغة WebP

تعتبر الصور غير المحسنة واحدة من أكبر أسباب بطء المواقع، وإذا كنت تبحث عن أفضل طريقة لزيادة سرعة مدونة بلوجر، فإن التخلي عن الصيغ التقليدية مثل PNG و JPEG والاعتماد على تحويل الصور لصيغة WebP هو خطوتك الأساسية. 

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

هذا التقليص الضخم في حجم الملفات يضمن لزوار مدونتك تجربة مستخدم رقمية فائقة السرعة، ويقلل بشكل مباشر من وقت تحميل الصفحة، وتعتمد خطوات تحويل الصور إلى WebP على طرق بسيطة ومجانية بالكامل تناسب كافة المدونين:

  • استخدام الأدوات المجانية عبر الإنترنت حيث يمكنك الاستعانة بمواقع موثوقة وسريعة مثل Squoosh (الأداة الرسمية من جوجل) أو CloudConvert، وأنا شخصيا استخدم  Squoosh وكل ما عليك فعله هو رفع صورتك التقليدية، واختيار التصدير بصيغة WebP، ثم تحميل الصورة الجديدة وحفظها.

  • برامج التصميم الاحترافية إذا كنت تعتمد على برنامج Photoshop لتصميم صور مقالاتك، فإنه يدعم الآن حفظ الصور وتصديرها مباشرة بصيغة WebP من خلال خيار "Save As" أو "Export As" دون الحاجة لإضافات خارجية.

بعد الانتهاء من تحويل وتجهيز صور بلوجر بصيغة WebP، تأكد دائماً من كتابة "النص البديل" (Alt Text) للصورة متضمناً كلماتك المفتاحية لضمان ظهورها في نتائج بحث صور جوجل. 

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

تفعيل بعض الخيارات فى كلاودفلار Cloudflare

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

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

فإذا كنت غير مشترك فى كلاود فلار فيمكنك الإشتراك فى الخدمة المجانية، وهناك العديد من المقالات والفيديوهات التى تشرح لك بالتفصيل كيفية الإشتراك فى الخدمة ، وإن كنت مشترك بالفعل وتم ربط مدونتك بكلاودفلار فيرجى التاكد من تفعيل الخيارات التالية كالأتى:-

  •  سجل فى حسابك على كلودفلار وإضغط على إسم مدونتك.
  •  إضغط على إختيارSpeed  ثم Optimization  ثم إذهب الى Content Optimization ثم فعل خيارBrotli   وكذلك خيار Rocket Loader

الأسئلة الشائعة حول زيادة سرعة مدونات بلوجر

هل تؤثر إعلانات أدسنس على سرعة مدونة بلوجر؟

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

ما هي أفضل صيغة صور لزيادة سرعة الموقع؟

صيغة WebP هي الصيغة الأفضل والمدعومة رسمياً من جوجلن فعند عند تحويل الصور لصيغة WebP، ينخفض حجم ملف الصورة بنسبة تصل إلى 30% مقارنة بصيغ PNG و JPEG التقليدية، مع الحفاظ الكامل على دقتها البصرية، مما يساهم بشكل مباشر في تحسين أرقام مدونتك على أداة PageSpeed Insights.

هل تؤثر سرعة المدونة على أرشفة المقالات وتصدر نتائج البحث؟

بكل تأكيد، جوجل يعتمد على سرعة الموقع كعامل ترتيب أساسي ضمن مؤشرات أداء الويب الحيوية (Core Web Vitals). المدونات السريعة تحصل على تجربة مستخدم (UX) ممتازة، مما يقلل معدل الارتداد (Bounce Rate) ويجعل عناكب جوجل تؤرشف المقالات وتدفع بها إلى النتيجة الأولى سريعاً.

هل استخدام الإعلانات التلقائية مع الإعلانات اليدوية يبطء المدونة؟

بالتاكيد نعم، ولذلك يفضل في هذه الحالة إستخدام أقل عدد من الويدجات، مع أقل عدد من الغعلانات اليدوية.

كيف أعرف سبب بطء مدونتي على بلوجر؟

 يمكنك معرفة الأسباب بدقة من خلال فحص رابط مدونتك على أداة PageSpeed Insights المجانية من جوجل. الأداة ستعطيك تقريراً مفصلاً يوضح هل المشكلة بسبب حجم الصور الكبير، أم بسبب الأكواد الخارجية والإضافات (الويدجات) الثقيلة في القالب، لتبدأ بحلها خطوة بخطوة.

قد يعجبك أيضا

كيفية تحسين الصور لمحركات البحث (دليل عملي للسيو البصري 2026)

الخلاصه

تبين مما سبق أنه بعدة خطوات بسيطة تستطيع الوصول بسرعة مدونتك الى 100%، دون الدخول فى التفاصيل الكثيرة التى تظهر لك فى إختبار سرعة المدونة، والتى تشعرك بالإحباط لعدم فهمها نظرا لشدة تخصصها، كما أنها لا تقدم لك الحلول العملية للمشكلة.

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

وعليه فإنك لو أردت زيادة سرعة مدونة بلوجر فعليك وضع أكواد للتحميل الكسول لإعلانات أدسنس لزيادة سرعة مدونة بلوجر، والتعديل على شفرات أدسنس الإعلانية، وتعديل حجم الصور وضغطها وتعديلها لصيغة WebP، ثم تفعيل بعض الخيارات فى كلودفلار Cloudflare.

ولا تنسى أن تقوم بإعادة إختبار سرعة مدونتك على PageSpeed Insights وملاحظة التطور فى سرعة المدونة.

تابعونا على قناة التليجرام 


د. محمد جلال

أستاذ التمويل والاستثمار وخبير مصرفي. متخصص في التحليل المالي وتقنيات الذكاء الاصطناعي ومؤسس مدونة إهتمامات العرب.

LinkedIn | Facebook
تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-