فاحص حجم الصفحة

اجلب عنوان URL أو الصق كود HTML لقياس الحجم الخام للكود، ومعرفة نسبة السكربتات وCSS والصور المضمّنة، وعدّ الموارد الخارجية.

مجانية، دون تسجيل يقرأ الصفحات العامة فقط أدوات SEO احترافية

الصفحة المراد قياسها

ننزّل كود HTML من خادمنا، حتى 2 MB.

الموارد الخارجية المشار إليها

السكربتات الخارجية-
أوراق الأنماط الخارجية-
الصور-
الخطوط المحمّلة مسبقًا-
إطارات iframe-

وزن الصفحة

-

وزن HTML الخام

لا يشمل HTML الخام الملفات التي تُحمَّل من روابطها الخاصة، مثل السكربتات الخارجية والصور والخطوط. استخدم علامة التبويب Network في أدوات المطوّر بمتصفحك لمعرفة حجم التنزيل الكامل.

كيفية استخدام أداة فحص حجم الصفحة

أدخل رابطًا وانقر قِس الصفحة، أو انتقل إلى الصق HTML والصق مصدر الصفحة. تقيس الأداة وزن HTML الخام، وتقسّمه إلى JavaScript مضمّنة، وCSS مضمّنة، وصور base64 مضمّنة، وكل ما عدا ذلك، وتعدّ السكربتات الخارجية وأوراق الأنماط والصور والخطوط المحمّلة مسبقًا وإطارات iframe التي تشير إليها الصفحة.

لماذا يهمّ وزن HTML

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

HTML الخام مقابل الوزن الإجمالي للصفحة

تقيس هذه الأداة كود HTML الذي يسلّمه خادمك. أما إجمالي التنزيل للصفحة، بما فيه السكربتات والصور والخطوط وأوراق الأنماط المرتبطة، فعادةً ما يكون أكبر بأضعاف. للصورة الكاملة، استخدم علامة التبويب Network في أدوات المطوّر في Chrome أو WebPageTest. ووزن HTML الخام هو الرقم المناسب لاكتشاف التضخّم المضمّن واستجابات الخادم البطيئة.

الأسئلة الشائعة

ما الوزن الجيد لـ HTML الخام؟

أقل من 100 KB ممتاز، ومن 100 إلى 500 KB جيد. ومن 500 KB إلى 1.5 MB ثقيل، وما يتجاوز 1.5 MB يُرجَّح أن يجعل الصفحة بطيئة على اتصالات الهاتف المحمول.

هل يجب أن أضمّن السكربتات وCSS داخل الصفحة؟

ضمّن القدر الصغير من CSS اللازم لأعلى الصفحة لتُرسم بسرعة. وحمّل الباقي كملفات خارجية، مع تأجيل السكربتات أو تحميلها بشكل غير متزامن. أما تضمين كل شيء فيجعل كل صفحة أثقل ويمنع المتصفح من تخزين الكود المشترك مؤقتًا.

لماذا تبدو صفحتي سريعة رغم أنها ثقيلة؟

الضغط مثل gzip أو Brotli يقلّص النص كثيرًا في طريقه إلى المتصفح، والاتصال السريع يُخفي الباقي. لكن الوزن يظل مهمًا على الهواتف والشبكات الأبطأ، حيث يستغرق التحليل والتنزيل وقتًا أطول.

ما علاقة ذلك بـ Largest Contentful Paint؟

يقيس LCP متى ينتهي عرض أكبر عنصر مرئي. والسكربتات المضمّنة الثقيلة قد تحجب العرض، والصور المضمّنة الكبيرة يجب تنزيلها مع HTML قبل رسمها، وكلاهما يؤخّر LCP.

إمكانية الوصول

Skip to Accessibility Panel