تحميل موارد المتصفح: غوص عميق في الصندوق الأسود

إن تحميل صفحة الويب ومواردها الفرعية يتضمن تفاعلاً معقدًا لعوامل متعددة. تأخذ المتصفحات في الاعتبار الموارد التي تعيق العرض، وماسحات ما قبل التحميل، وتلميحات الموارد (ما قبل التحميل/ما قبل الاتصال)، ومعدِّلات التحميل (async/defer/module)، و fetchpriority، والصور المتجاوبة، وأكثر من ذلك. ثم تقرر متى يتم تحميل كل مورد، مع التحسين للاتصالات HTTP/2 و HTTP/3 الحديثة. ومع ذلك، فإن المتصفحات المختلفة تستخدم استراتيجيات مختلفة تمامًا، بل أحيانًا تؤجل الطلبات عمدًا. تتعمق هذه المحادثة في عملية صنع القرار وراء تحميل الموارد، وتوضح كيفية التأثير على سلوك المتصفح لإعطاء الأولوية للموارد الحرجة مثل صورة LCP. سنحلل العديد من الشلالات، ونشرح التناقضات بين المتصفحات، ونقدم حلولًا للمشاكل الشائعة — دون اللجوء إلى التحميل المسبق الأعمى لكل شيء باستخدام fetchpriority=high. ستكتسب فهمًا أعمق لآليات المتصفح الداخلية وستواجه بثقة تحديات تحميل الموارد.