تشخيص التحميل وانزياحات التخطيط
يساعد LCP على تحديد العنصر الرئيسي الذي يظهر متأخرًا، ويصف CLS عدم استقرار التخطيط. استخدم اختبار INP المنفصل لبحث التأخير بعد النقر.
LCP: 1.9sCLS: 0.04TBT: 120msمثال مختبري
قياس سرعة الموقع وتحميل الصفحة
أدخل عنوان URL لمعرفة ما يبطئ الصفحة، من صور أو سكربتات أو استجابة الخادم. استخدم التقرير لتتبّع تأخيرات التحميل وانزياحات التخطيط، ثم حدد ما ستصلحه أولًا.
إعدادات متقدمة
ما يتضمنه التقرير
تقرير سرعة الموقع مع أولويات التطوير
كل توصية مرتبطة بمقياس ومورد وسبب تقني، بحيث يمكن للفريق رؤية ما ينبغي إصلاحه أولًا وما يمكن أن يبقى في قائمة المهام المؤجلة.
خريطة الموارد والطلبات
يوضح مخطط الشلال HTTP ما يعيق العرض، وأي الموارد تستخدم اتصالات متوازية، وأين تبطئ نصوص الطرف الثالث بدء التشغيل.
index.html142ms
main.css380ms
app.js1.2s
hero.webp720ms
inter.woff2210ms
خطة تحسين مرتبة حسب الأولوية
يجمع Milten المشكلات في قائمة مهام قصيرة لـ LCP وCLS وTBT وTTFB ونصوص الطرف الثالث والموارد الثقيلة.
01LCP: ضغط وسائط الواجهة الرئيسية وتحميلها مسبقًاP1
02CLS: تثبيت أبعاد البطاقاتP2
03TTFB: التحقق من تخزين HTML المؤقتP3
كيف يعمل
كيف يفحص Milten سرعة الموقع
اختبر سرعة الموقع في الظروف المحددة. احصل على مقاييس تحميل مختبرية ونتائج الفحص؛ اختبار واحد لا يغني عن قياسات الزوار الحقيقيين.
01 · URL
أدخل عنوان URL لفحص السرعة
افحص الصفحة الرئيسية أو صفحة الهبوط أو الكتالوج أو صفحة المنتج. يفتح Milten الصفحة في متصفح ويطبّق المنطقة والشبكة والجهاز المحددين.
02 · الفحص
قياس التحميل والاستقرار البصري
نجمع المقاييس المختبرية وتأخيرات الشبكة والموارد الثقيلة وانزياحات التخطيط. يقيس TTFB تأخير استجابة الخادم، ويقيس TBT حجب مسار التنفيذ الرئيسي أثناء التحميل.
03 · الخطة
حدد ما يجب إصلاحه أولاً
ابدأ بنتيجة الفحص ودليلها، مثل المورد الذي أخّر التحميل أو العنصر الذي حرّك التخطيط. أصلح السبب، ثم أعد الفحص بالإعدادات نفسها.
ما الذي نقيسه
مقاييس سرعة الموقع: FCP وLCP وCLS وTBT وTTFB وSI
يفصل الماسح بين التحميل المُدرَك واستقرار التخطيط وحجب JavaScript وسرعة استجابة الخادم بحيث لا يُختزل التحسين في تقييم واحد.
FCP
First Contentful Paint
عندما يرى المستخدم النص أو صورة أو SVG لأول مرة: إشارة مبكرة إلى أن الصفحة بدأت التحميل فعليًا.
جيد<= 1.8s
الاحتياجات<= 3s
ضعيف> 3s
LCP
Largest Contentful Paint
الوقت حتى عرض العنصر المرئي الرئيسي: صورة الواجهة الرئيسية، أو عنوان كبير، أو بطاقة منتج، أو كتلة كتالوج.
جيد<= 2.5s
الاحتياجات<= 4s
ضعيف> 4s
CLS
Cumulative Layout Shift
مجموع إزاحات التخطيط غير المتوقعة: اللافتات، والصور بلا أبعاد، والخطوط المتأخرة، والكتل التي تحرّك المحتوى بعد التحميل.
جيد<= 0.1
الاحتياجات<= 0.25
ضعيف> 0.25
TBT
إجمالي وقت الحظر
المدة التي كان فيها الخيط الرئيسي مشغولًا بمهام JavaScript الطويلة ولم يستطع الاستجابة بسرعة لإجراءات المستخدم.
جيد<= 200
الاحتياجات<= 600
ضعيف> 600
TTFB
الوقت حتى البايت الأول
التأخير قبل البايت الأول من HTML: وقت الخادم الخلفي، وDNS، وTLS، وCDN، وذاكرة التخزين المؤقت قبل أن يبدأ المتصفح في استقبال الصفحة.
جيد<= 0.8s
الاحتياجات<= 1.8s
ضعيف> 1.8s
SI
Speed Index
مدى سرعة امتلاء منفذ العرض المرئي: يساعد هذا في تفسير سبب شعور الصفحة بالبطء حتى عندما تبدو المقاييس الفردية جيدة.
جيد<= 3.4s
الاحتياجات<= 5.8s
ضعيف> 5.8s
الأسئلة الشائعة
الأسئلة الشائعة حول فحوصات سرعة الموقع
إجابات موجزة حول Core Web Vitals وSEO والتحسين العملي للصفحات.
ما هي مؤشرات الأداء الأساسية (Core Web Vitals) وكيف تؤثر على تحسين محركات البحث؟
تغطي Core Web Vitals التحميل (LCP) والاستجابة (INP) والاستقرار البصري (CLS). يتطلب تقييم تجربة الزوار الحقيقيين بيانات ميدانية. يساعد Speed Scanner على تشخيص الأسباب في تشغيل مختبري؛ ولا يُعد TBT بديلًا عن INP. القيم الجيدة لا تضمن ترتيبًا أعلى في البحث.
كيف أتحقق من سرعة موقعي؟
أدخل الرابط في النموذج أعلاه، واختر ملفًا شخصيًا للجوال أو سطح المكتب، وانقر على «فحص الموقع». يشغّل الماسح تدقيق Speed Scanner، ويجمع HAR، ويعرض FCP وLCP وCLS وTBT وTTFB وSpeed Index، وينشئ قائمة مهام تقنية.
ماذا أفعل إذا كانت قيمة LCP مرتفعة؟
ابحث أولًا عن عنصر LCP: قد يكون صورة رئيسية أو عنوانًا كبيرًا أو لافتة أو بطاقة منتج. ثم تحقق من التحميل المسبق وCSS الحرج ووزن الوسائط وCDN والتخزين المؤقت والموارد المعيقة للعرض التي تؤخر العرض.
كم يستغرق تحليل الموقع؟
يستغرق الفحص السريع عادة أقل من دقيقة، لكن الوقت الدقيق يعتمد على المنطقة المختارة وملف الشبكة وتقييد CPU وعدد الموارد في الصفحة. للحصول على استنتاجات مستقرة، قارن عدة تشغيلات تحت نفس الظروف.
كيف أصلح مشكلات CLS؟
حدد العرض والارتفاع أو نسبة الأبعاد للوسائط، واحجز مساحة للافتات والودجات، وتجنب إدراج محتوى جديد فوق المنطقة المرئية، واضبط الخطوط باستخدام font-display والتحميل المسبق. في التقرير، لا تنظر فقط إلى CLS النهائي، بل أيضًا إلى العناصر التي ساهمت بأكبر قدر.
خدمات ذات صلة
أدوات لتحسين الأداء بشكل أعمق
سرعة استجابة الصفحة (INP)
قس مدى سرعة استجابة الصفحة لإجراءات آلية. اعثر على التأخير أثناء الاختبار.
فتحذاكرة التخزين المؤقت للرجوع/التقدم
تحقق من استخدام المتصفح لذاكرة التخزين المؤقت عند الرجوع والتقدم. تعرف على ما يمنع التخزين المؤقت.
فتحتسريبات الذاكرة
اعثر على البيانات التي تبقى في الذاكرة بعد التنقل المتكرر. راجع احتمالات تسرب الذاكرة والبيانات التي تتراكم.
فتحفحص JavaScript
تحقق من ملفات JavaScript وأخطاء التحميل والكود غير المستخدم أثناء التحميل. حدد البرامج النصية التي تحتاج إلى مراجعة إضافية.
فتح