في هذه المقالة ، سأوضح لك كيفية تأخير ظهور إعلانات أدسنس Lazyload Adsense على موقع بلوجر Blogger ، لذلك ، اتبع الخطوات بعناية لتنفيذ ذلك بشكل صحيح على موقع الويب الخاص بك.
لذا ، قبل ذلك ، دعونا نفهم ما هو التحميل البطيء Lazyload و لماذا يوصى به لتحسين سرعة مدونة بلوجر Blogger.
ماهو Lazyload AdSense؟
Lazyloading هو مفهوم تقني لنص التحميل البطيء الذي يحتاجه معظم المستخدمين ، لذلك بدلاً من تحميل الصفحة بأكملها مرة واحدة ، سنقوم بتحميل النص بشكل كبير تدريجيًا و نضع النص المطلوب فقط لعرض المحتوى في أعلى الصفحة.
على سبيل المثال، إذا قام مستخدم بتحميل الصفحة وقرأ الأسطر القليلة الأولى، فإنه ينقر فوق "رجوع".
لهذا السبب ، يتم إهدار الصور ومقاطع الفيديو التي تم تحميلها إلى أسفل صفحة الويب هنا لأن المستخدم لا يقوم بالتمرير لأسفل الصفحة.
لذلك، يمكنك حفظ الموارد وتحميل الصفحة بشكل أسرع عن طريق التحميل التدريجي Lazyload للصور ومقاطع الفيديو والإعلانات التالية.
تُعد إعلانات Adsense أحد الأسباب الرئيسية لبطء تحميل جافا سكريبت وغير الضروري أثناء تحميل الموقع.
عندما نتحقق من موقع بلوجر الخاص بنا باستخدام أداة Page Speed Insights ، فإنه يوضح أن Adsense تستهلك أكثر من 50 بالمائة من حجم الصفحة وتحمل نصًا غير ضروري كما هو موضح أدناه.
فهنا كما ترى إعلانات أدسنس تأخد حوالي 707KB من حجم الصفحة و عندما نتحقق من سرعة الصفحة في موقع Page Speed Insights نجدها 31 فقط في الهاتف.
كيف يعمل lazyload adsense script؟
سيؤدي استخدام كود Lazyload Adsense على موقع الويب الخاص بك إلى إبطاء إعلاناتك وفرض المتطلبات اللازمة فقط لعرض صفحتك.
تظهر إعلانات Adsense على الصفحة عندما يتخذ المستخدم إجراءً ، على سبيل المثال. يقوم بالتمرير في الصفحة.
لذلك، لا تتعرف أداة اختبار سرعة موقع الويب من Google على ملف تحميل Adsense النصي لأنه مضمن بشكل خاص.
تفاعل المستخدم ، بهذه الطريقة ، يمكنك تقليل الحجم الكلي لموقع الويب أو المدونة الخاصة بك وجعل الصفحة يتم تحميلها بشكل أسرع على الأجهزة المحمولة ذات اتصالات الإنترنت البطيئة.
دعنا نرى كيف يمكنك تحسين سرعة تحميل مدونة بلوجر Blogger الخاصة بك عن طريق تثبيت أحدث برنامج Lazyload Adsense على مدونتك أو موقعك على الويب.
رابط تنزيل كود Lazyload Adsense من هنا .
كيف نضيف كود Lazyload Adsense في مدونة Blogger؟
الخطوة-1: انتقل إلى لوحة تحكم Blogger وانقر على قسم المظهر.
الخطوة-2: الآن قم بعمل نسخة احتياطية من القالب الخاص بك و انقر فوق تحرير HTML.
الخطوة-3: قم بإزالة جميع أكواد Adsense السابقة من القالب الخاص بك.
الخطوة-4: الآن انسخ الكود أدناه واستبدله بمعرف ناشر Adsense الخاص بك.
<script type='text/javascript'>
//<![CDATA[
var lazyadsense2 = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense2 === false) || (document.body.scrollTop != 0 && lazyadsense2 === false)) {
(function() { var ad = document.createElement('script'); ad.setAttribute('data-ad-client','ca-pub-xxxxxxxxxxxxxxxx'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazyadsense2 = true;
}
}, true);
//]]>
</script>
الخطوة-5: الآن احفظ شفرة Adsense الخاصة بك وسيُضاف كود AdSense البطيء إلى موقع Blogger على الويب.
سيتم الآن تحميل جميع إعلانات Adsense الخاصة بك بعد ملف تحميل صفحتك ، مما يجعل تحميل موقع الويب الخاص بك أسرع بكثير.
توصي Google بشدة بسرعة موقع الويب كمعيار رئيسي، لأن هذا يحسن ريادة موقع الويب الخاص بك في محرك بحث Google و يظهر أعلى نتائج بحث جوجل.
خطوات مهمة للتشغيل السليم لـ lazyload adsense :
هناك بضع خطوات مهمة تحتاج إلى اتباعها من أجل التشغيل السليم لهذا الكود LazyLoad Adsense.
انتقل إلى لوحة تحكم Blogger وانقر على تبويبة الأرباح و هنا يتعين عليك فصل Adsense.
وإلا ، فسيتم تحميل رمز AdSense مرة أخرى ولن يعمل التحميل البطيء بشكل صحيح.
يجب عليك إزالة جزء معين من شفرة الوحدة الإعلانية اليدوية لبرنامج AdSense كما هو موضح في الصورة أدناه.
لأنك لست بحاجة إلى ملف جافا سكريبت Adsense عدة مرات في موقع بلوجر الخاص بك.
هنا ، يجب عليك إزالة الجزء المميز من كل وحدة إعلانية يدوية تستخدم على الموقع.
خلاف ذلك ، قد يكون بين عشية و ضحاها البرنامج النصي lazyload.
الآن قمنا بتطبيق Lazyload Adsense في موقع Blogger الخاص بنا بشكل صحيح.
حان الوقت لاختبار سرعة الصفحة مرة أخرى في أداة Page Speed Insights .
فوائد تطبيق Lazyload :
هناك العديد من الفوائد لتطبيق Lazy Load Adsense على الموقع الإلكتروني.
- يساعد في تحسين سرعة التحميل ويجعل عناصر حيوية الويب الأساسية سهلة الاستخدام.
- يحفظ النطاق الترددي للخادم ويقلل من وقت التحميل الأولي.
- يجعل تجربة المستخدم الإجمالية أفضل بكثير
- يقلل من موارد الأجهزة المطلوبة
يمكنك أيضًا تحميل الصور Lazy و YouTube iframes و Google analytics code لتحسين سرعة الصفحة. هذا مقطع فيديو تفصيلي حول كل موضوع.
إذا كانت لديك أي شكوك بشأن تحسين سرعة الصفحة في Blogger ، فيمكنك أن تسألني في قسم التعليقات.
أود حل مشكلتك في أقرب وقت ممكن.
في غضون ذلك ، يمكنك الانضمام إلينا في قناتنا على التلغرام و ليصلك كل جديد.