نصائح مهمة لنجاحك كمسوق بالعمولة وتحقيق آلاف الدولارات 2023

تأخير تنفيذ JavaScript في Blogger مثل Analytics و Google Tag Manager

تعرف على كيفية تأخير تنفيذ JavaScript في Blogger لتحسين نتيجة سرعة الصفحة.

هل تعاني من بطء تحميل الصفحة بعد وضع Google Tag Manager و Analytics ؟

أنت لست الوحيد الذي يواجه هذه المشكلة.

إذا كنت تريد حقًا تحسين سرعة موقع الويب الخاص بك ، فيمكن حل ذلك باستخدام رمز يؤخر تنفيذ JavaScript في Blogger.

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

يجب أن تقرأ أيضًا عن ميزة الجلب المسبق لنظام أسماء النطاقات في منشورنا السابق حول كيفية استخدام الجلب المسبق لنظام أسماء النطاقات لتحسين سرعة المدون وقراءة كيفية التحميل البطيء لإعلانات AdSense.

ما هو التأخير في تنفيذ جافا سكريبت في بلوجر؟

أثناء التحقق من سرعة موقع الويب الخاص بك باستخدام Google Pagespeed Insights Tool أو GTmetrix أو أدوات مماثلة. تحصل على بعض التحذيرات والتوصيات لإصلاح تلك التحذيرات / الأخطاء. وإذا وجدت أنك بحاجة إلى "إزالة حظر عرض جافا سكريبت" أو "تأجيل تنفيذ جافا سكريبت" أو "إزالة موارد حظر العرض" ، فهذه المقالة مناسبة لك.

لأنك قد تسأل ، "كيف يمكنني جعل تحميل JavaScript أسرع؟ ما علاقة النصوص البرمجية بسرعة موقعي ، على أي حال؟ "

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

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

من الناحية الفنية ، إنها عملية تأخير (تأخير) تحميل JavaScript على موقع ويب.

كيف يمكن تأخير تنفيذ برنامج Google Analytics JavaScript في Blogger؟

لا أعرف الكود كيف يمكنني أن أفعله؟

حسنًا ، لا تقلق ، يمكنك القيام بذلك بسهولة باتباع هذا البرنامج التعليمي. من خلال كود تأجيل JavaScript. بالنسبة إلى WordPress ، يمكنك استخدام العديد من المكونات الإضافية مثل WP Rocket لحل المشكلة بأمان ببضع نقرات فقط. هذا البرنامج التعليمي مخصص لمطوري مواقع الويب والمدونين الذين يستخدمون منصة Blogger.

لماذا يجب عليك تأخير تنفيذ JavaScript في Blogger

في معظم الحالات ، تحظر طلبات Analytics JavaScript محتوى صفحة الويب.

بالنسبة للمستعرض ، يعد تنفيذ JavaScript مهمة ثقيلة (اعتمادًا على حجم البرنامج النصي) ويستغرق وقتًا أطول مقارنةً بتقديم المحتوى ذي المعنى (الرسم الأول) لصفحة الويب.

ماذا يعني هذا؟

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

لذلك ، في هذا البرنامج التعليمي ، سنقوم بتأخير تنفيذ JavaScript Analytics في Blogger ، لزيادة سرعة موقعنا وتقليل الطلبات الخارجية.

الآن لنبدأ هذا البرنامج التعليمي.

خطوات تأجيل تحليلات JavaScript على Blogger

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

1. الخطوة 1 : تأكد من عمل نسخة احتياطية من رمز قالب Blogger بالكامل. (مهم جدا!)
2. الخطوة 2. افتح Blogger Dashboard> انتقل إلى قسم المظهر> انقر فوق رمز تحرير HTML لموضوعك.
3. الخطوة 3 . قم بإزالة علامة البرنامج النصي المقدمة من Google من علامة الرأس الخاصة بك من قالب المدون الخاص بك.
4. الخطوة 4. ضع الكود أدناه مباشرة فوق العلامة </body>.

تأجيل إدارة العلامات من Google:

<script> 
//<![CDATA[ 
function deferGoogleJS() { 
var d = document.createElement("script"); 
d.src = "https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxx-x", 
document.body.appendChild(d) 
} 
window.addEventListener ? window.addEventListener("load", deferGoogleJS, !1) : window.attachEvent ? window.attachEvent("onload", deferGoogleJS) : window.onload = deferGoogleJS; 
window.dataLayer = window.dataLayer || [];

function gtag() { 
dataLayer.push(arguments); 
} 
gtag('js', new Date()); 
gtag('config', 'UA-xxxxxxx-x'); 
//]]> 
</script>

تأجيل تحليلات جوجل:

<script> 
//<![CDATA[ 
(function(i, s, o, g, r, a, m) { 
i['GoogleAnalyticsObject'] = r; 
i[r] = i[r] || function() { 
(i[r].q = i[r].q || []).push(arguments) 
}, i[r].l = 1 * new Date(); 
i.initAnalytics = function() { 
a = s.createElement(o), m = s.getElementsByTagName(o)[0]; 
a.async = 1; 
a.src = g; 
m.parentNode.insertBefore(a, m) 
} 
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); 
ga('create', 'UA-xxxxxxx-x'); 
ga('send', 'pageview');

function atOnload() { 
initAnalytics(); 
} 
if (window.addEventListener) window.addEventListener("load", atOnload, false); 
else if (window.attachEvent) window.attachEvent("onload", atOnload); 
else window.onload = atOnload; 
//]]> 
</script>

لا تنس تغيير الرمز UA-xxxxxxx-x بمعرف Analytics الخاص بمدونتك.

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

تحميل جميع الأكواد لتأخير ملفات الجافا سكريبت في بلوجر

حان الوقت الآن للاستنتاج الصحيح!

في ختام تأجيل تطبيق JavaScript في Blogger مثل Analytics و Google Tag Manager

آمل أن يساعدك هذا البرنامج النصي في زيادة أداء موقع الويب الخاص بك. الآن لا تقلق بشأن تباطؤ سرعة مدونتك بسبب رموز Google بعد الآن.

كلمات مفتاحية 

analytics google,blogger,analytics.javascript,google tag manager,js,tag manager,البلوجر,each javascript,js each,google tagmanager,google datastudio,analytics youtube,إنشاء حساب google analytics,vwo analytics

تعديل المقال