تأجيل تنفيد جافا سكريبت في بلوجر مثل Analytics و Google Tag Manager

تعرف على كيفية تأجيل تنفيد جافا سكريبت في بلوجر لتحسين نتيجة سرعة الصفحة.

هل تواجه بطئ في تحميل الصفحة بعد وضع مدير العلامات من Google وكود Analytics؟

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

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

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

كذلك يجب أن تقرأ عن سمة الجلب المسبق لـ DNS في منشورنا السابق حول كيفية استخدام الجلب المسبق لـ DNS لتحسين سرعة بلوجر وقرأءة كيفية التحميل الكسول لأعلانات ادسنس.

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

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

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

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

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

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

كيف يمكن تأجيل تنفيد جافا سكريبت Google Analytics في بلوجر؟

لا أعرف الكود كيف يمكنني القيام بذلك؟

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

لماذا يجب عليك تأجيل تنفيد جافا سكريبت في بلوجر

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

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

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

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

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

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

خطوات تأجيل جافا سكريبت Analytics على بلوجر

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

الخطوة 1. تأكد من عمل نسخة احتياطية من كود قالب بلوجر بالكامل. (مهم جدًا!)

الخطوة 2. افتح لوحة تحكم بلوجر > انتقل إلى قسم المظهر > انقر فوق رمز تعديل HTML الخاص بقالبك.

الخطوة 3. قم بإزالة علامة البرنامج النصي التي توفرها google من علامة الرأس الخاصة بك من قالب بلوجر الخاص بك.

مثال لذلك:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-x'></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-161170480-1');
</script>

الخطوة 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>

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

<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. احفظ النموذج وتحقق مرة أخرى من سرعة موقع الويب الخاص بك.

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

في ختام تأجيل تنفيد جافا سكريبت في بلوجر مثل Analytics و Google Tag Manager

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