فحص x-ray
لوزن الصفحة
الصق HTML صفحتك وشاهد هيكل ما تحمّله؛ كل سكربت وورقة أنماط وصورة وخط وتضمين، مع تمييز الثقيل منها وقائمة إصلاحات مرتّبة بالأولوية. بلا اختبار شبكة؛ يعمل بالكامل داخل متصفحك.
الصق. افحص. خفِّف.
ملاحظة صريحة: بلا اختبار شبكة لا يمكن لهذه الأداة معرفة أحجام النقل الحقيقية؛ فهي تحصي ما يطلب HTML من المتصفح جلبه. تلك الصورة البنيوية هي حيث تختبئ معظم مشكلات الوزن. لقياس البايتات فعليًا، مرّر الصفحة نفسها عبر لسان Network في أدوات المطوّر (DevTools) بمتصفحك بعد ذلك.
جدول التكلفة التقديري
| المورد | العدد | الطلبات | ما تكلفته |
|---|
كل مورد خارجي
تقدّم Yetty صفحاتك بصيغة HTML ثابت ونظيف على شبكة CDN عالمية؛ بلا زمن تشغيل لأداة بناء، بلا حساء سكربتات، سريع بحكم بنيته.
الأشياء الستة
التي تُثقل الصفحة
السكربتات
خارجي مقابل مُضمَّن، وبايتات الكود المُضمَّن. JavaScript هو أغلى بايت على الويب؛ يجب أن يُحمَّل ويُشغَّل معًا.
أوراق الأنماط
كل ورقة أنماط خارجية تحجب العرض حتى تصل. الأقل، الأصغر، أو CSS الحرِج المُضمَّن، هو الرابح.
الصور
غياب width/height يسبّب قفز التخطيط؛ وغياب loading="lazy" يحمّل صورًا خارج الشاشة لا يراها أحد بعد.
الخطوط
كل عائلة خط ووزن هي تنزيل قد يومض أو يزيح النص. عائلتان تكفيان عادةً تمامًا.
التضمينات
YouTube والخرائط والودجات الاجتماعية هي الصخور الكبرى؛ مئات الـ KB لكلٍّ قبل أي تفاعل. استخدم واجهات تحميل-بالنقر.
الـ HTML نفسه
السكربتات والأنماط المُضمَّنة وكتل base64 تنفخ المستند؛ المورد الوحيد الذي لا يمكن تأجيل تحميله.
وزن الصفحة،
بكل بساطة
ما مقدار الوزن المناسب لصفحة ويب؟
يزن متوسط صفحة الويب اليوم نحو 2 MB، لكن المواقع السريعة تستهدف أقل بكثير؛ دون 1 MB منقولة، ودون نحو 50 طلبًا. الأكثر ضررًا ليس رقمًا كبيرًا واحدًا بل الشكل: عشرات السكربتات الصغيرة يكلّف كلٌّ منها طلبًا، وتضمين YouTube واحد قد يجرّ قدرًا من JavaScript أكبر من بقية صفحتك مجتمعة.
هل تُبطئ تضمينات YouTube والخرائط الصفحة فعلًا؟
نعم؛ فهي غالبًا أثقل شيء في الصفحة. يحمّل تضمين YouTube الافتراضي نحو نصف ميغابايت من السكربتات قبل أن يضغط أحد Play، والخريطة التفاعلية مثله. الحل المعتاد هو الواجهة (facade): اعرض صورة مصغّرة ثابتة، ولا تحمّل التضمين الحقيقي إلا حين ينقر الزائر عليه.
لماذا تحتاج الصور إلى سمتَي width وheight؟
بدونها لا يعرف المتصفح المساحة التي ستشغلها الصورة، فتقفز الصفحة أثناء تحميل الصور؛ تلك القفزة هي Cumulative Layout Shift، أحد مؤشرات Core Web Vitals من Google. إضافة width وheight (أو CSS aspect-ratio) تحجز المساحة مسبقًا، وloading="lazy" يمنع الصور خارج الشاشة من التحميل أصلًا حتى الحاجة.
أدوات مجانية أخرى: صندوق الأدوات الكامل · مدقّق نص alt للصور · مُصوِّر سلاسل التحويل · أفضل طريقة لاستضافة موقع بُني بالذكاء الاصطناعي