ما مدى سوء ... أو جودة مدونتك-موقعك؟ اكتشفه في ثوان

 يعد Google Analytics أحد أكواد جافا سكريبت الأكثر استخدامًا على موقع الويب وقد يتسبب في منع العرض أثناء تحميل صفحة الويب.

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

ما هو Lazy Load؟

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

من منظور تقني ، يعمل التحميل الكسول بشكل أفضل مع JavaScript.

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

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

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

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

يعتبر التحميل البطيء طريقة رائعة لتحسين الأداء لمدونتك.

كيف تؤثر جوجل اناليتكس Google analytics على سرعة الصفحة؟

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

ولكن ، يمكن أن يؤدي ذلك إلى إبطاء وقت تحميل مدونتك إذا لم يتم تنفيذها بشكل صحيح. بشكل عام ، يضيف Google Analytics ما يصل إلى 3 طلبات HTTP ويستغرق حوالي 100 مللي ثانية إلى 500 مللي ثانية.

يمكنك بسهولة توفير هذا الوقت عن طريق تأخير تحميل رمز التحليلات.

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

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

لذلك ، بهذه الطريقة ، لن يعيق الرسم الأول للمحتوى (FCP) وأكبر محتوى محتوى (LCP) وهو العنصر الأساسي في حيوية الويب الأساسية. كما أنه يقلل من الحجم الكلي لصفحة الويب ويجعل تحميل موقع الويب أسرع.

ما هو تأثير Lazy Loading على  السيو؟

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

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

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

كيفية إضافة سكريبت Lazy Load Google Analytics في Blogger

#1: في البداية ، تحتاج إلى الانتقال إلى لوحة تحكم بلوجر ، أي Blogger.com.

#2: انتقل إلى المظهر  وانقر على زر تعديل HTML.

#3:ابحث عن رمز Google Analytics القديم ، إن وجد ، وقم بإزالته.

#4: في الكود أسفله ، استبدل شفرة التتبع (الملونة باللون الازرق) برمز التتبع UA-*********-*¥ باستخدام شفرة تتبع Google Analytics  الخاصة بك في كل من الشفرتين .

#5: الصق الكود قبل </body>.

<!-- Global site tag (gtag.js) - Google Analytics --> <script type='text/javascript'>//<![CDATA[ var lazyanalisis=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyanalisis||0!=document.body.scrollTop&&!1===lazyanalisis)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=UA-*********-*";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyanalisis=!0)},!0); //]]></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-*********-*¥'); </script>

ملاحظة

تذكر استبدال UA-*********-*¥  بمعرف تتبع Google Analytics الخاصة بك. 

سلبيات  اضافة سكريبت  Lazy Load Google Analytics

يمكن أن يؤثر تنفيذ كود  Lazyload Google analytics  في موقع الويب على بيانات التحليلات الخاصة بك. لن يكون قادرًا على تتبع المشاهدات إذا قام المستخدم بإغلاق الصفحة قبل التحميل الكامل للصفحة.

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

هنا ، لاحظ أيضًا أن الزيارة اللاحقة للمستخدم لن تؤثر على بيانات التحليلات حيث تم تخزينها مؤقتًا بالفعل في المتصفح.

لهذا السبب أوصيك بشدة بتطبيق سكريبت Lazyloading of Analytics في مدونتك او موقعك.

خاتمة

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

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

1. كيفية تقليل وقت استجابة الخادم Reduce Server Response Time على Pagespeed Insights
2. تأجيل الصور خارج الشاشة (Defer Offscreen images) بلوجر لتسريع مدونتك
3. استخدام الصور بصيغة webp فى بلوجر لزيادة سرعة المدونة
4. ما هو المحتوى المكرر وكيف يؤثر على ترتيب موقعك