// =================================================================
// 1. Google Global Site Tag (gtag.js) - الأولوية للتتبع
// يجب أن يتم تحميل المكتبة بشكل غير متزامن لضمان عدم حظر الصفحة
// =================================================================
<script async src="https://www.googletagmanager.com/gtag/js?id=GT-NBJ34FV4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  // إعدادات المعرّف (ID: GT-NBJ34FV4)
  gtag('config', 'GT-NBJ34FV4');
</script>

// =================================================================
// 2. التحميل الكسول (Lazy Loading) للصور - وظيفة حاسمة للأداء
// يجب تنفيذها مبكرًا لتبديل [data-src] إلى [src] عند الظهور.
// =================================================================
document.addEventListener("DOMContentLoaded", function () {
    const images = document.querySelectorAll('img[data-src]');
    
    // استخدم IntersectionObserver لتحميل الصور عندما تظهر في إطار العرض
    const observer = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                const img = entry.target;
                img.src = img.getAttribute('data-src');
                img.onload = () => img.removeAttribute('data-src'); // تنظيف بعد التحميل
                observer.unobserve(img);
            }
        });
    });
    
    images.forEach(image => observer.observe(image));
});

// =================================================================
// 3. أكواد JS الخارجية/غير الضرورية - يجب تحميلها في النهاية
// (هذا يمثل كيفية الإشارة إليها، وليس الكود الفعلي)
// * تأكد من أنك تستخدم إما "async" أو "defer"، وليس كليهما لنفس الملف.
// =================================================================
<script src="file-non-critical.js" defer></script>