http://localhost:10200/dobetterweb/dbw_tester.html
28 FCP+0LCP+0TBT+6CLS+20SI+2 الأداء
القيم تقديرية وقابلة للتغيير. ويتم حساب نتيجة الأداء مباشرة من خلال هذه المقاييس.اطّلِع على الآلة الحاسبة.
0–49 50–89 90–100
Final Screenshot
المقاييس
First Contentful Paint
٦٫٨ ثانية
يحدِّد مقياس "سرعة عرض المحتوى على الصفحة" الوقت الذي يُعرَض فيه أول نص أو صورة من محتوى الصفحة. مزيد من المعلومات حول مقياس "سرعة عرض المحتوى على الصفحة"
Largest Contentful Paint
١٣٫٣ ثانية
يحدِّد مقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة" المدة التي يتم خلالها عرض أكبر صورة أو نص. مزيد من المعلومات حول مقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة"
Total Blocking Time
١٬٢٢٠ مللي ثانية
مجموع الفترات الزمنية بين "سرعة عرض المحتوى على الصفحة" و"وقت التفاعل" عندما تتجاوز مدّة المهمة 50 ملي ثانية، معبرًا عنها بالملي ثانية. مزيد من المعلومات حول مقياس "إجمالي وقت الحظر"
Cumulative Layout Shift
0.136
يحدِّد مقياس "متغيّرات التصميم التراكمية" مقدار حركة العناصر المرئية في إطار العرض. مزيد من المعلومات حول مقياس "متغيّرات التصميم التراكمية"
Speed Index
٨٫١ ثانية
يوضّح مؤشر السرعة وتيرة تعبئة محتوى الصفحة على شاشة المستخدم. مزيد من المعلومات حول مقياس مؤشر السرعة
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
عرض عمليات التدقيق المرتبطة بالمقاييس:
بيانات التشخيص
تقليل وقت تنفيذ JavaScript ١٫٣ ثانية
يمكنك تقليل الوقت المستغرَق في تحليل بيانات JavaScript وتجميعها وتنفيذها. قد يتبيّن لك أنّ عرض حمولات JavaScript بحجم أصغر يساعد على ذلك. تعرَّف على كيفية تقليل وقت تنفيذ بيانات JavaScript.TBT
عنوان URL
الوقت الإجمالي لوحدة المعالجة المركزية
تقييم النص البرمجي
تحليل النص البرمجي
localhost
الطرف الأول
2,046 ملي ث
1,289 ملي ث
12 ملي ث
1,946 ملي ث
1,196 ملي ث
6 ملي ث
100 ملي ث
94 ملي ث
6 ملي ث
موارد لا يمكن تحديد مصدرها
147 ملي ث
22 ملي ث
1 ملي ث
Unattributable
147 ملي ث
22 ملي ث
1 ملي ث
تقليل سلسلة العمل الرئيسية ٢٫٢ ثانية
يمكنك تقليل الوقت المستغرَق في تحليل بيانات JavaScript وتجميعها وتنفيذها. قد يتبيّن لك أنّ عرض حمولات JavaScript بحجم أصغر يساعد على ذلك. تعرَّف على كيفية تقليل سلسلة العمل الرئيسية.TBT
الفئة
الوقت المستغرَق
Script Evaluation
1,343 ملي ث
Rendering
327 ملي ث
Other
323 ملي ث
Style & Layout
201 ملي ث
Parse HTML & CSS
31 ملي ث
Script Parsing & Compilation
17 ملي ث
عنصر "سرعة عرض أكبر جزء من المحتوى على الصفحة" ١٣٬٣٢٠ مللي ثانية
هذا هو الجزء الأكبر من المحتوى الذي تم عرضه على الصفحة ضمن إطار العرض. مزيد من المعلومات حول مقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة"LCP
العنصر
Do better web tester page
<h2 id="toppy" style="background-image:url('');">
المرحلة
نسبة سرعة عرض أكبر محتوى مرئي
المدة الزمنية
مدة تحميل أول بايت (TTFB)
4%
570 ملي ث
تأخير التحميل
77%
10,280 ملي ث
وقت التحميل
15%
2,050 ملي ث
تأخير العرض
3%
420 ملي ث
تجنُّب متغيّرات التصميم الكبيرة تم العثور على متغيّرَي تصميم.
هذه هي أكبر متغيّرات التصميم التي تم رصدها في الصفحة. يُمثّل كل عنصر في الجدول متغيّر تصميم واحدًا مع توضيح العنصر الأكثر تغيُّرًا. وتتوفّر أسفل كل عنصر الأسباب الأساسية المحتمَلة التي أدّت إلى حدوث متغيّرات التصميم. قد لا يتم تضمين بعض متغيّرات التصميم هذه في قيمة مقياس متغيّرات التصميم التراكمية (CLS) بسبب المدة الزمنية المخصّصة لعرض الأحداث. التعرُّف على كيفية تحسين متغيّرات التصميم التراكميةCLS
العنصر
نتيجة متغيّرات التصميم
Do better web tester page Hi there!
<div>
0.081
Do better web tester page Hi there!
<div>
0.055
تفعيل ضغط النص احتمال توفير ١٤٣ كيبيبايت
يجب عرض الموارد المستنِدة إلى النص باستخدام أدوات الضغط (من خلال gzip أو deflate أو brotli) لتقليل إجمالي وحدات البايت على الشبكة. مزيد من المعلومات حول ضغط النصFCPLCP
WordPressيمكنك تفعيل ضغط النص في إعداد خادم الويب.
عنوان URL
حجم النقل
التوفيرات المحتملة
localhost
الطرف الأول
179.4 KiB
143.0 KiB
162.4 KiB
131.7 KiB
17.0 KiB
11.4 KiB
تصغير JavaScript احتمال توفير ٨١ كيبيبايت
يمكن أن يؤدي تصغير ملفات JavaScript إلى تقليل أحجام الحمولات ووقت تحليل النصوص البرمجية. تعرَّف على كيفية تصغير ملف JavaScript.FCPLCP
WordPressيمكن لعدد من مكونات WordPress الإضافية زيادة سرعة موقعك الإلكتروني من خلال ربط النصوص البرمجية وتصغيرها وضغطها. يمكنك أيضًا استخدام عملية إنشاء الموقع الإلكتروني لإزالة البيانات غير الضرورية بشكل مسبق إذا أمكن ذلك.
عنوان URL
حجم النقل
التوفيرات المحتملة
localhost
الطرف الأول
162.4 KiB
81.5 KiB
162.4 KiB
81.5 KiB
التحميل المُسبَق لصورة المقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة" التوفيرات المحتملة من ٣٢٠ مللي ثانية
في حال إضافة المقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة" (LCP) إلى الصفحة بشكل ديناميكي، يجب تحميل الصورة مسبقًا لتحسين مقياس LCP. مزيد من المعلومات حول التحميل المسبق لعناصر LCPLCP
عنوان URL
التوفيرات المحتملة
localhost
الطرف الأول
320 ملي ث
Do better web tester page
<h2 id="toppy" style="background-image:url('');">
320 ملي ث
عرض الصور بتنسيقات الجيل القادم احتمال توفير ٧٦ كيبيبايت
غالبًا ما توفِّر تنسيقات الصور، مثل WebP وAVIF، ضغطًا أفضل للصور من تنسيق PNG أو JPEG، وهذا بدوره يعني تنزيلاً أسرع واستهلاكًا أقل للبيانات. مزيد من المعلومات عن تنسيقات الصور الحديثةFCPLCP
WordPressيمكنك استخدام المكوِّن الإضافي Performance Lab لتحويل الصور المحمّلة بتنسيق JPEG إلى تنسيق WebP بشكل تلقائي، إذا كان ذلك متاحًا.
عنوان URL
حجم المصدر
التوفيرات المحتملة
localhost
الطرف الأول
144.3 KiB
76.0 KiB
24.0 KiB
12.7 KiB
body > img
<img src="lighthouse-480x318.jpg?isr1" width="400" height="360" style="position: absolute;">
24.0 KiB
12.7 KiB
24.0 KiB
12.7 KiB
24.0 KiB
12.7 KiB
24.0 KiB
12.7 KiB
24.0 KiB
12.7 KiB
تجنُّب عرض ميزات JavaScript القديمة في المتصفحات الحديثة احتمال توفير ٢٦ كيبيبايت
تساعد الرموز البرمجية polyfills وtransforms المتصفّحات القديمة في استخدام ميزات JavaScript الجديدة. ومع ذلك، يكون العديد منها غير ضروري للمتصفّحات الحديثة. وبالنسبة إلى حِزم JavaScript، يمكنك استخدام استراتيجية حديثة لنشر النصوص البرمجية باستخدام ميزة الكشف عن الميزات "module/nomodule" لتقليل عدد الرموز البرمجية التي يتم نقلها إلى المتصفّحات الحديثة مع استمرار التوافق مع المتصفّحات القديمة. تعرَّف على كيفية استخدام لغة JavaScript الحديثة.FCPLCP
عنوان URL
التوفيرات المحتملة
localhost
الطرف الأول
26.0 KiB
26.0 KiB
Object.defineProperty
Object.defineProperties
الحدّ من محتوى JavaScript غير المستخدَم احتمال توفير ٦٣ كيبيبايت
يمكنك الحدّ من محتوى JavaScript غير المستخدَم وتأجيل تحميل النصوص البرمجية إلى حين الحاجة إليها لتقليل وحدات البايت التي يستهلكها نشاط الشبكة. تعرَّف على كيفية الحدّ من محتوى JavaScript غير المستخدَم.FCPLCP
WordPressيمكنك تقليل عدد مكونات WordPress الإضافية التي تُحمِّل لغة JavaScript غير المُستخدَمة في صفحتك أو تبديلها. لتحديد المكونات الإضافية التي تضيف لغة JavaScript دخيلة، يمكنك محاولة تشغيل تغطية الرمز البرمجي في Chrome DevTools. يمكنك تحديد التصميم/المكون الإضافي المسؤول عن عنوان URL للنص البرمجي. يمكنك البحث عن المكونات الإضافية التي تحتوي على العديد من النصوص البرمجية في القائمة والتي تحتوي على الكثير من اللون الأحمر في تغطية الرمز البرمجي. يجب أن يدرِج المكون الإضافي نصًا برمجيًا فقط في حال تم استخدامه في الصفحة فعليًا.
عنوان URL
حجم النقل
التوفيرات المحتملة
localhost
الطرف الأول
162.4 KiB
42.5 KiB
162.4 KiB
42.5 KiB
Google CDN
cdn
29.0 KiB
20.6 KiB
…2.1.1/jquery.min.js
(ajax.googleapis.com)
29.0 KiB
20.6 KiB
تم منع استعادة الصفحة من عملية التخزين المؤقت باستخدام ميزة "التخزين المؤقت للصفحات" هناك سببان لعدم تنفيذ العملية.
يتم تنفيذ العديد من عمليات التنقل بالرجوع إلى صفحة سابقة أو الانتقال إلى الصفحة التالية مرة أخرى. يمكنك استخدام ميزة "التخزين المؤقت للصفحات" (bfcache) لتسريع عمليات الرجوع هذه. مزيد من المعلومات حول ميزة "التخزين المؤقت للصفحات"
سبب الإخفاق
نوع الخطأ
تحتوي الصفحة على معالج لإلغاء التحميل في الإطار الرئيسي.
أخطاء يمكن اتخاذ إجراء بشأنها
حدث خطأ داخلي.
أخطاء لا يمكن اتخاذ إجراء بشأنها
عناصر الصور لا تحتوي على قيَم width وheight محدَّدة
يجب ضبط قيَم واضحة للعرض والارتفاع في عناصر الصور للحدّ من متغيّرات التصميم وتحسين متغيّرات التصميم التراكمية (CLS). تعرَّف على كيفية ضبط أبعاد الصور.CLS
عنوان URL
localhost
الطرف الأول
body > img
<img src="blob:http://localhost:10200/8081f274-a0c6-440f-a9cc-be826a0e01d5">
blob:http://localhost:10200/8081f274-a0c6-440f-a9cc-be826a0e01d5
body > img
<img src="filesystem:http://localhost:10200/temporary/empty-0.30045073591260474.png">
filesystem:http://localhost:10200/temporary/empty-0.30045073591260474.png
استخدام تنسيقات الفيديو لمحتوى الصور المتحركة احتمال توفير ٦٦٦ كيبيبايت
ملفات GIF الكبيرة غير فعّالة في عرض محتوى الصور المتحركة. يمكنك استخدام فيديوهات بتنسيق MPEG4 أو WebM للصور المتحركة وتنسيق PNG أو WebP للصور الثابتة بدلاً من ملف GIF لتوفير وحدات البايت على الشبكة. مزيد من المعلومات حول صيغ الفيديوهات الفعّالةFCPLCP
WordPressيمكنك تحميل ملف GIF إلى خدمة ستتيح تضمينه في شكل فيديو HTML5.
عنوان URL
حجم المصدر
التوفيرات المحتملة
localhost
الطرف الأول
912.4 KiB
666.0 KiB
912.4 KiB
666.0 KiB
عرض الأصول الثابتة من خلال سياسة ذاكرة التخزين المؤقت الفعالة تم العثور على ١٩ موردًا
يمكن لفترة التخزين المؤقت الطويلة زيادة سرعة الزيارات المتكررة إلى صفحتك. مزيد من المعلومات حول سياسات ذاكرة التخزين المؤقت الفعّالة
عنوان URL
ذاكرة التخزين المؤقت TTL
حجم النقل
localhost
الطرف الأول
1,339 KiB
None
913 KiB
None
163 KiB
None
110 KiB
None
24 KiB
None
24 KiB
None
24 KiB
None
24 KiB
None
24 KiB
None
24 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
1 KiB
None
0 KiB
None
0 KiB
لا يتم استخدام أدوات معالجة الحدث السلبية لتحسين عملية التنقل في الصفحة
يمكنك وضع علامة على "أدوات معالجة أحداث لمس الشاشة وتحريك الماوس" بصفتها passive لتحسين عملية التنقل في صفحتك. مزيد من المعلومات حول استخدام أدوات معالجة الأحداث السلبية
المصدر
localhost
الطرف الأول
استبعاد موارد حظر العرض التوفيرات المحتملة من ٠ مللي ثانية
تحظر الموارد عرض محتوى صفحتك. يمكنك تضمين محتوى JavaScript أو CSS المُهم وتأجيل جميع الأنماط أو محتوى JavaScript غير المُهم. تعرَّف على كيفية إزالة الموارد التي تحظر العرض.FCPLCP
WordPressهناك عدد من مكونات WordPress الإضافية التي يمكنها مساعدتك على تضمين مواد العرض المهمة أو تأجيل موارد أقل أهمية. عليك توخي الحذر من أن التحسينات التي توفرها هذه الإضافات قد توقف ميزات التصميم أو المكونات الإضافية، لذلك ستحتاج على الأرجح إلى إجراء تغييرات في الرمز البرمجي.
عنوان URL
حجم النقل
التوفيرات المحتملة
localhost
الطرف الأول
5.7 KiB
6,910 ملي ث
0.9 KiB
730 ملي ث
0.0 KiB
880 ملي ث
0.9 KiB
880 ملي ث
1.2 KiB
880 ملي ث
0.9 KiB
880 ملي ث
0.9 KiB
880 ملي ث
1.0 KiB
880 ملي ث
0.0 KiB
880 ملي ث
تجنَّب document.write()
بالنسبة إلى المستخدمين الذين لديهم اتصالات بطيئة، يمكن أن تؤدي النصوص البرمجية الخارجية التي يتم إدخالها ديناميكيًا من خلال document.write() إلى تأخير تحميل الصفحة لمدة ثوانٍ متعددة. تعرَّف على كيفية تجنُّب document.write()‎.
المصدر
localhost
الطرف الأول
نجنُّب سلسة المهام الرئيسية الطويلة تم العثور على مهمّتَين طويلتَين
يتم إدراج المهام التي تستغرق وقتًا أطول في سلسلة التعليمات الرئيسية، ما يساعد في تحديد أكثر العوامل التي تسبِّب تأخيرًا في عملية الإدخال. تعرَّف على كيفية تجنُّب المهام التي تستغرق وقتًا طويلاً والمُدرَجة في سلسلة التعليمات الرئيسية.TBT
عنوان URL
وقت البدء
المدة
localhost
الطرف الأول
1,321 ملي ث
6,846 ملي ث
1,175 ملي ث
8,045 ملي ث
146 ملي ث
وقت استجابة الخادم الأوّلي قصير استغرق مستند الجذر ٥٧٠ مللي ثانية
يجب إبقاء وقت استجابة الخادم للمستند الرئيسي قصيرًا، حيث تعتمد جميع الطلبات الأخرى على هذا الإجراء. مزيد من المعلومات حول مقياس "وقت وصول أول بايت"FCPLCP
WordPressتساهم التصاميم والمكونات الإضافية ومواصفات الخادم في تحسين وقت استجابة الخادم. يمكنك البحث عن تصميم مُحسّن أكثر و/أو اختيار مكون إضافي للتحسين و/أو ترقية الخادم.
عنوان URL
الوقت المستغرَق
localhost
الطرف الأول
570 ملي ث
570 ملي ث
علامات أوقات المستخدم وقياساتها ٤٢ وقتًا للمستخدم
يمكنك توجيه تطبيقك باستخدام واجهة برمجة التطبيقات User Timing API لقياس الأداء الفعلي لتطبيقك أثناء التجارب الأساسية للمستخدمين. مزيد من المعلومات حول علامات User Timing
الاسم
النوع
وقت البدء
المدة
Zone
Measure
8,054.63 ملي ث
2.07 ملي ث
Zone:ZoneAwarePromise
Measure
8,057.15 ملي ث
1.55 ملي ث
Zone:toString
Measure
8,059.54 ملي ث
0.16 ملي ث
Zone:util
Measure
8,060.21 ملي ث
0.09 ملي ث
Zone:legacy
Measure
8,060.34 ملي ث
11.16 ملي ث
Zone:defineProperty
Measure
8,061.00 ملي ث
0.40 ملي ث
Zone:registerElement
Measure
8,061.40 ملي ث
0.10 ملي ث
Zone:EventTargetLegacy
Measure
8,061.50 ملي ث
10.00 ملي ث
Zone:queueMicrotask
Measure
8,071.48 ملي ث
0.42 ملي ث
Zone:timers
Measure
8,071.97 ملي ث
0.43 ملي ث
Zone:requestAnimationFrame
Measure
8,072.43 ملي ث
0.07 ملي ث
Zone:blocking
Measure
8,073.06 ملي ث
0.14 ملي ث
Zone:EventTarget
Measure
8,073.15 ملي ث
0.75 ملي ث
Zone:MutationObserver
Measure
8,073.85 ملي ث
0.75 ملي ث
Zone:IntersectionObserver
Measure
8,074.66 ملي ث
0.94 ملي ث
Zone:FileReader
Measure
8,075.61 ملي ث
0.79 ملي ث
Zone:on_property
Measure
8,076.60 ملي ث
58.49 ملي ث
Zone:customElements
Measure
8,135.11 ملي ث
0.79 ملي ث
Zone:XHR
Measure
8,135.85 ملي ث
0.85 ملي ث
Zone:geolocation
Measure
8,136.73 ملي ث
0.47 ملي ث
Zone:PromiseRejectionEvent
Measure
8,137.22 ملي ث
0.48 ملي ث
Zone
Mark
8,055.21 ملي ث
Zone:ZoneAwarePromise
Mark
8,057.15 ملي ث
Zone:toString
Mark
8,059.55 ملي ث
Zone:util
Mark
8,060.23 ملي ث
Zone:legacy
Mark
8,060.35 ملي ث
Zone:defineProperty
Mark
8,061.00 ملي ث
Zone:registerElement
Mark
8,061.40 ملي ث
Zone:EventTargetLegacy
Mark
8,061.50 ملي ث
Zone:queueMicrotask
Mark
8,071.48 ملي ث
Zone:timers
Mark
8,071.97 ملي ث
Zone:requestAnimationFrame
Mark
8,072.44 ملي ث
Zone:blocking
Mark
8,073.07 ملي ث
Zone:EventTarget
Mark
8,073.15 ملي ث
Zone:MutationObserver
Mark
8,073.85 ملي ث
Zone:IntersectionObserver
Mark
8,075.07 ملي ث
Zone:FileReader
Mark
8,075.61 ملي ث
Zone:on_property
Mark
8,076.61 ملي ث
Zone:customElements
Mark
8,135.11 ملي ث
Zone:XHR
Mark
8,135.86 ملي ث
Zone:geolocation
Mark
8,136.74 ملي ث
Zone:PromiseRejectionEvent
Mark
8,137.23 ملي ث
تجنُّب الصور المتحركة غير المركّبة تم العثور على عنصر متحرك واحد
يمكن للصور المتحركة غير المركّبة أن تكون بجودة رديئة وأن تزيد متغيّرات التصميم التراكمية (CLS). تعرَّف على كيفية تجنُّب استخدام الصور المتحركة غير المركّبة.CLS
العنصر
الاسم
hi
<div id="animated-boi">
خاصيتا CSS غير المتوافقتَين: margin-left, height
badanim
تجنُّب الأحمال الضخمة للشبكة كان الحجم الإجمالي ١٬٤٠٤ كيبيبايت.
الحمولات الكبيرة للبيانات على الشبكة تُكلِّف المستخدمين الكثير من الأموال وترتبط إلى حد كبير بأوقات التحميل الطويلة. تعرَّف على طريقة تقليل حمولات البيانات على الشبكة.
WordPressيمكنك عرض مقتطفات في قوائم مشاركاتك (مثلاً عبر العلامة "المزيد")، أو تقليل عدد المشاركات المعروضة في صفحة معينة، أو تقسيم مشاركاتك الطويلة إلى صفحات متعددة، أو استخدام مكون إضافي لتحميل التعليقات ذات التحميل الكسول.
عنوان URL
حجم النقل
localhost
الطرف الأول
1,331.0 KiB
912.6 KiB
162.6 KiB
110.3 KiB
24.2 KiB
24.2 KiB
24.2 KiB
24.2 KiB
24.2 KiB
24.2 KiB
Google CDN
cdn
29.6 KiB
…2.1.1/jquery.min.js
(ajax.googleapis.com)
29.6 KiB
تجنُب حجم DOM الزائد ١٥٣ عنصرًا
سيزيد حجم عناصر DOM الكبير من استخدام الذاكرة، وسيتسبب في إجراء حسابات للأنماط تستغرق مدة أطول، بالإضافة إلى إنتاج عمليات مُكلِفة لإعادة تدفق التنسيقات. تعرَّف على كيفية تجنُّب زيادة حجم عناصر DOM.TBT
الإحصائية
العنصر
القيمة
إجمالي عدد عناصر DOM
153
الحد الأقصى لعمق DOM
body > div > svg.social-facebook > title#social-facebook-5
<title id="social-facebook-5">
4
الحد الأقصى من عناصر الأطفال
body > div#shadow-root-container
<div id="shadow-root-container">
100
تجنَّب سلاسل الطلبات المهمة تم العثور على ١٢ سلسلةً
توضّح لك "سلاسل الطلبات المُهمّة" أدناه الموارد التي تم تحميلها بأولوية عالية. ويمكنك تقليل طول السلاسل أو تقليل حجم تنزيل الموارد أو تأجيل تنزيل الموارد غير الضرورية لتحسين تحميل الصفحة. تعرَّف على كيفية تجنُّب تسلسل الطلبات المُهمّة.
الحد الأقصى لوقت استجابة المسار المهم: 7,690.092 ملي ث
التنقل الأوّلي
- 571.262 ملي ث, 0.88 KiB
- 580.235 ملي ث, 0.20 KiB
- 2,206.004 ملي ث, 0.88 KiB
- 583.974 ملي ث, 1.16 KiB
- 3,006.202 ملي ث, 0.88 KiB
- 3,568.714 ملي ث, 0.88 KiB
- 6,104.505 ملي ث, 0.22 KiB
- 1,451.24 ملي ث, 162.65 KiB
…2.1.1/jquery.min.js
(ajax.googleapis.com)
- 744.97 ملي ث, 29.63 KiB
- 823.768 ملي ث, 0.88 KiB
- 1,143.467 ملي ث, 1.03 KiB
- 1,150.729 ملي ث, 0.22 KiB
تقليل استخدام الرموز التابعة لجهات خارجية لقد حظر رمز الجهة الخارجية سلسلة المحادثات الرئيسية لمدة ٠ مللي ثانية
يمكن أن يؤثر الرمز البرمجي التابع لجهة خارجية بشكل كبير في أداء التحميل. يمكنك تحديد عدد مقدِّمي الخدمة المكرّرين والتابعين لجهات خارجية ومحاولة تحميل الرمز البرمجي الخاص بالجهة الخارجية بعد انتهاء تحميل صفحتك بشكل أساسي. تعرَّف على كيفية تقليل تأثير الرموز التابعة للجهات الخارجية.TBT
الجهة الخارجية
حجم النقل
وقت حظر سلسلة المحادثات الأساسية
Google CDN
cdn
30 KiB
0 ملي ث
…2.1.1/jquery.min.js
(ajax.googleapis.com)
30 KiB
0 ملي ث
مزيد من المعلومات حول أداء تطبيقك لا تؤثر هذه الأرقام بشكل مباشر في نتيجة الأداء.
اجتياز عمليات التدقيق بنجاح (13)
عرض إخفاء
الصور ذات الحجم المناسب
يمكنك عرض صور بحجم مناسب لحفظ بيانات شبكة الجوّال وتحسين وقت التحميل. تعرَّف على طريقة تحديد حجم الصور.FCPLCP
WordPressيمكنك تحميل الصور مباشرةً من خلال مكتبة الوسائط للتأكّد من توفّر أحجام الصور المطلوبة، ثم إدراجها من مكتبة الوسائط أو استخدام أداة الصورة لضمان استخدام أفضل حجم للصورة (بما في ذلك تلك الخاصة بنقاط فاصلة متجاوبة). يمكنك تجنب استخدام صور Full Size إلا إذا كانت الأبعاد كافية لاستخدامها. مزيد من المعلومات
تأجيل الصور خارج الشاشة
يمكنك استخدام طريقة التحميل الكسول للصور خارج الشاشة والصور المخفية بعد الانتهاء من تحميل جميع الموارد المُهمّة لتقليل وقت التفاعل. تعرَّف على كيفية تأجيل تحميل الصور خارج الشاشة.FCPLCP
WordPressيمكنك تثبيت مكون WordPress الإضافي للتحميل الكسول الذي يوفر القدرة على تأجيل أي صور خارج الشاشة، أو التبديل إلى تصميم يوفِّر هذه القدرة الوظيفية. يمكنك أيضًا استخدام مكون AMP الإضافي.
تصغير CSS
يمكن أن يؤدي تصغير ملفات CSS إلى تقليل أحجام حمولات البيانات على الشبكة. تعرَّف على كيفية تصغير ملفات CSS.FCPLCP
WordPressيمكن لعدد من مكونات WordPress الإضافية زيادة سرعة موقعك الإلكتروني من خلال ربط الأنماط وتصغيرها وضغطها. يمكنك أيضًا استخدام عملية إنشاء الموقع الإلكتروني لإزالة البيانات غير الضرورية بشكل مسبق إذا أمكن ذلك.
الحدّ من محتوى CSS غير المُستخدَم
يمكنك الحدّ من القواعد غير المستخدَمة الواردة في أوراق الأنماط، كما يمكنك تأجيل تحميل محتوى CSS غير المستخدَم في الجزء المرئي من الصفحة لتقليل وحدات البايت التي يستهلكها نشاط الشبكة. تعرَّف على كيفية الحدّ من محتوى CSS غير المستخدَم.FCPLCP
WordPressيمكنك تقليل عدد مكونات WordPress الإضافية التي تُحمِّل خدمة CSS غير المُستخدَمة في صفحتك أو تبديلها. لتحديد المكونات الإضافية التي تضيف CSS دخيلة، يمكنك محاولة تشغيل تغطية الرمز البرمجي في Chrome DevTools. يمكنك تحديد التصميم/المكون الإضافي المسؤول عن عنوان URL لورقة الأنماط. يمكنك البحث عن المكونات الإضافية التي تحتوي على العديد من أوراق الأنماط في القائمة والتي تحتوي على الكثير من اللون الأحمر في تغطية الرمز البرمجي. يجب أن يدرِج المكون الإضافي ورقة أنماط فقط في حال تم استخدامه في الصفحة فعليًا.
ترميز الصور بكفاءة
يتم تحميل الصور المحسَّنة بشكلٍ أسرع وتستهلك كمية أقل من بيانات شبكة الجوّال. تعرَّف على كيفية ترميز الصور بكفاءة.FCPLCP
WordPressيمكنك استخدام مكون WordPress الإضافي لتحسين الصورة الذي يضغط صورك مع المحافظة على الجودة.
الاتصال المسبق للأصول المطلوبة
يمكنك إضافة تعديلات المورد preconnect أو dns-prefetch لإنشاء اتصالات مبكرة بالمصادر المُهمّة التابعة لجهات خارجية. تعرَّف على كيفية الاتصال مسبقًا بالمصادر المطلوبة.LCPFCP
تجنُب عمليات إعادة توجيه الصفحات المتعددة
تؤدي عمليات إعادة التوجيه إلى حدوث تأخيرات إضافية قبل أن يتم تحميل الصفحة. تعرَّف على كيفية تجنُّب عمليات إعادة توجيه الصفحةLCPFCP
استخدام HTTP/2
يوفّر HTTP/2 العديد من المزايا مقارنةً بمزايا HTTP/1.1، بما في ذلك عناوين البرامج الثنائية وعملية مضاعفة توجيه الإشارات. مزيد من المعلومات حول مزايا HTTP/2LCPFCP
عليك إزالة الوحدات المكررة في حِزم JavaScript
يمكنك إزالة وحدات JavaScript الكبيرة المكررة من الحِزم لتقليل وحدات البايت غير الضرورية التي يستهلكها نشاط الشبكة. FCPLCP
تظل جميع النصوص مرئية أثناء تحميل خط موقع إلكتروني
يمكنك الاستفادة من ميزة font-display في CSS لضمان أن يكون النص مرئيًا للمستخدم أثناء تحميل خطوط موقع ويب. مزيد من المعلومات حول font-display
تحميل الموارد التابعة لجهات خارجية ببطء مع واجهات
بعض الرموز المضمّنة التابعة لجهات خارجية يمكن تحميلها باستخدام طريقة التحميل الكسول. ويمكنك استبدال هذه الرموز المضمّنة بإحدى الواجهات إلى حين الحاجة إليها. تعرَّف على طريقة تأجيل الرموز التابعة لجهات خارجية بإحدى الواجهات.TBT
تم عرض أكبر صورة ظاهرة في الصفحة بسرعة مناسبة
تُعرَض لاحقًا الصور التي تم تحميلها في الجزء المرئي من الصفحة باستخدام طريقة التحميل الكسول، ما يتسبب في تأخير عرض أكبر جزء من المحتوى على الصفحة. مزيد من المعلومات حول طريقة التحميل الكسول المحسَّنةLCP
تضمين علامة <meta name="viewport"> مع width أو initial-scale
لا يساعد إطار العرض <meta name="viewport"> على تحسين تطبيقك ليناسب أحجام شاشات الأجهزة الجوّالة فحسب، بل يمنع أيضًا تأخُّر البيانات التي يدخلها المستخدم بمقدار 300 ملي ثانية. مزيد من المعلومات حول استخدام العلامة الوصفية لإطار العرض
تحدّد عمليات التحقّق هذه الفرص المتاحة لتحسين إمكانية استخدام تطبيق الويب. يمكن لميزة الرصد التلقائي رصد مجموعة فرعية من المشاكل فقط ولا تضمن تسهيل استخدام تطبيق الويب، لذلك ننصح أيضًا بإجراء الاختبار اليدوي.
الأسماء والتصنيفات
عناصر الصور لا تحتوي على سمات [alt]
يجب أن تتضمن العناصر الإعلامية نصًا بديلاً وصفيًا وقصيرًا. يمكن تجاهل العناصر غير الضرورية من خلال استخدام سمة نص بديل فارغة. مزيد من المعلومات حول السمة alt
العناصر التي لم تلبِّ الشروط
body > img
<img src="lighthouse-480x318.jpg?iar1" width="120" height="15">
body > img
<img loading="lazy" src="lighthouse-480x318.jpg?iar2" width="120" height="80">
body > img
<img src="lighthouse-480x318.jpg?isr1" width="360" height="240" style="position: absolute;">
body > img
<img src="lighthouse-480x318.jpg?isr2" width="120" height="80" style="position: absolute;">
body > img
<img src="lighthouse-480x318.jpg?isr3" width="360" height="240" style="image-rendering: pixelated; position: absolute;">
body > img
<img src="http://localhost:10200/dobetterweb/lighthouse-480x318.jpg" srcset="lighthouse-480x318.jpg 2x" width="360" height="240" style="position: absolute;">
body > img
<img src="lighthouse-rotating.gif" width="811" height="462">
body > img
<img src="blob:http://localhost:10200/84c78bd5-a720-43b4-93e0-26591a9ff8ee">
body > img
<img src="filesystem:http://localhost:10200/temporary/empty-0.48387978403091236.png">
عدم احتواء عناصر النموذج على تصنيفات مرتبطة
تضمن التصنيفات الإشارة إلى عناصر التحكّم في النموذج بشكلٍ صحيح من خلال التكنولوجيا المساعِدة، مثل برامج قراءة الشاشة. مزيد من المعلومات حول تصنيفات عناصر النموذج
العناصر التي لم تلبِّ الشروط
body > input
<input type="password" onpaste="event.preventDefault();">
body > input
<input type="password">
body > input
<input type="password" onpaste="return false;">
عناصر <object> لا تحتوي على نص بديل
لا يمكن لبرامج قراءة الشاشة ترجمة المحتوى غير النصي. وتؤدي إضافة نص بديل إلى عناصر <object> إلى مساعدة برامج قراءة الشاشة على إيضاح المعنى للمستخدمين. مزيد من المعلومات حول النص البديل لعناصر object
العناصر التي لم تلبِّ الشروط
body > object#5934a
<object id="5934a">
body > object#5934b
<object id="5934b">
هذه هي فرص لتحسين دلالات عناصر التحكُّم في التطبيق. قد يحسّن ذلك من تجربة مستخدمي التكنولوجيا المساعدة، مثل قارئ الشاشة.
التدويل والأقلمة
العنصر <html> لا يحتوي على سمة [lang]
في حال لم تحدِّد الصفحة سمة lang، يفترض قارئ الشاشة أن تكون الصفحة باللغة التلقائية التي اختارها المستخدم عند إعداد قارئ الشاشة. في حال لم تكن الصفحة باللغة التلقائية، قد لا يشير قارئ الشاشة إلى نص الصفحة بشكل صحيح. مزيد من المعلومات حول السمة lang
العناصر التي لم تلبِّ الشروط
html
<html>
هذه هي فرص لتحسين تفسير المحتوى من خلال المستخدمين بلغات مختلفة.
عناصر إضافية للتحقُّق يدويًا (10)
عرض إخفاء
Interactive controls are keyboard focusable
Custom interactive controls are keyboard focusable and display a focus indicator. Learn how to make custom controls focusable.
Interactive elements indicate their purpose and state
Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. Learn how to decorate interactive elements with affordance hints.
The page has a logical tab order
Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. Learn more about logical tab ordering.
Visual order on the page follows DOM order
DOM order matches the visual order, improving navigation for assistive technology. Learn more about DOM and visual ordering.
User focus is not accidentally trapped in a region
A user can tab into and out of any control or region without accidentally trapping their focus. Learn how to avoid focus traps.
The user's focus is directed to new content added to the page
If new content, such as a dialog, is added to the page, the user's focus is directed to it. Learn how to direct focus to new content.
HTML5 landmark elements are used to improve navigation
Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. Learn more about landmark elements.
Offscreen content is hidden from assistive technology
Offscreen content is hidden with display: none or aria-hidden=true. Learn how to properly hide offscreen content.
Custom controls have associated labels
Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. Learn more about custom controls and labels.
Custom controls have ARIA roles
Custom interactive controls have appropriate ARIA roles. Learn how to add roles to custom controls.
تعالج هذه العناصر المناطق التي يتعذر على أداة الاختبار المبرمجة تغطيتها. تعرّف على مزيد من المعلومات في دليلنا حول مراجعة إمكانية الوصول.
اجتياز عمليات التدقيق بنجاح (26)
عرض إخفاء
سمات [aria-*] هي مطابقة لأدوارها
يوفّر كل role في ARIA مجموعة فرعية محدَّدة من سمات aria-*. يؤدي عدم تطابق هذه الأدوار إلى إلغاء سمات aria-*. تعرَّف على كيفية مطابقة سمات ARIA مع أدوارها.
[aria-hidden="true"] غير وارد في المستند <body>
لا تعمل التكنولوجيا المساعِدة، مثل برامج قراءة الشاشة، بشكل متسق عند ضبط aria-hidden="true" في المستند <body>. تعرّف على مدى تأثير السمة aria-hidden في نص المستند.
[role] تحتوي على جميع سمات [aria-*] المطلوبة
تتطلّب بعض أدوار ARIA تزويد برامج قراءة الشاشة بسمات تصف حالة العنصر. مزيد من المعلومات حول الأدوار والسمات المطلوبة
سمات [aria-*] تحتوي على قيم صالحة
لا يمكن للتكنولوجيا المساعِدة، مثل برامج قراءة الشاشة، تفسير سمات ARIA باستخدام قيم غير صالحة. مزيد من المعلومات حول القيم الصالحة لسمات ARIA
سمات [aria-*] هي صالحة وليس بها أخطاء إملائية
لا يمكن للتكنولوجيا المساعِدة، مثل برامج قراءة الشاشة، تفسير سمات ARIA بأسماء غير صالحة. مزيد من المعلومات حول سمات ARIA الصالحة
احتواء الأزرار على اسم الوصول
عند عدم ظهور اسم أحد الأزرار على واجهة المستخدم، تشير برامج قراءة الشاشة إليه باسم "زر"، ما يجعله غير قابل للاستخدام بالنسبة إلى المستخدمين الذين يعتمدون على برامج قراءة الشاشة. تعرَّف على كيفية تسهيل استخدام الأزرار.
[user-scalable="no"] غير مستخدم في العنصر <meta name="viewport"> والسمة [maximum-scale] لا تقلّ عن 5.
يسبّب إيقاف ميزة التكبير أو التصغير مشكلة للمستخدمين الذين يعانون من ضعف في النظر ويعتمدون على ميزة تكبير الشاشة لرؤية محتوى صفحة الويب على نحوٍ أفضل. مزيد من المعلومات حول العلامة الوصفية لإطار العرض
ARIA attributes are used as specified for the element's role
Some ARIA attributes are only allowed on an element under certain conditions. Learn more about conditional ARIA attributes.
العناصر التي تتضمّن role="dialog" أو role="alertdialog" تحمل أسماء ظاهرة على واجهة المستخدم
عند استخدام عناصر مربّع الحوار ARIA (dialog‏ ARIA) بدون أسماء ظاهرة على واجهة المستخدم، لن يتمكّن مستخدمو برامج قراءة الشاشة من التعرّف على الغرض من هذه العناصر. التعرّف على كيفية إظهار عناصر مربّع الحوار ARIA (dialog‏ ARIA) على واجهة المستخدم بشكل أوضح
Elements use only permitted ARIA attributes
Using ARIA attributes in roles where they are prohibited can mean that important information is not communicated to users of assistive technologies. Learn more about prohibited ARIA roles.
قيم [role] هي صالحة
يجب أن تحتوي أدوار ARIA على قيم صالحة لتنفيذ وظائف إمكانية الوصول المقصودة. مزيد من المعلومات حول أدوار ARIA الصالحة
العناصر التي تتضمّن السمة role=text لا تحتوي على عناصر تابعة يمكن التركيز عليها
عند إضافة role=text حول عُقدة نصيّة مقسَّمة بالترميز، سيتعامل برنامج VoiceOver معها كعبارة واحدة، ولكن لن تتم الإشارة إلى العناصر التابعة التي يمكن التركيز عليها في العنصر. مزيد من المعلومات حول السمة role=text
تمييز الخلفية والألوان الخلفية بنسبة تباين كافية
إنّ عملية قراءة النص المنخفض التباين تُعد صعبة أو مستحيلة بالنسبة إلى العديد من المستخدمين. تعرَّف على كيفية توفير نص بألوان متباينة بشكلٍ كافٍ.
المستند يحتوي على عنصر <title>
يوفّر العنوان لمستخدمي قارئ الشاشة نظرة عامة حول الصفحة، ويعتمد مستخدمو محرك البحث على هذا بشكل كبير لتحديد ما إذا كانت الصفحة ذات صلة ببحثهم أو لا. مزيد من المعلومات حول عناوين المستندات
مساحات اللمس تتضمّن حجمًا ومسافة كافيَين
استخدِم مساحات لمس ذات حجم ومسافة كافيَين لمساعدة المستخدمين الذين قد يواجهون صعوبة في توجيه عناصر التحكّم الصغيرة الحجم لتفعيل المساحات. مزيد من المعلومات عن مساحات اللمس
تظهر العناصر المُعنوَنة بترتيب تنازلي متسلسل
إنّ العناوين المرتّبة بطريقة مناسبة ولا تتخطّى المستويات تنقل البنية الدلالية للصفحة، ما يسهِّل تصفُّحها والتعرّف عليها عند استخدام التكنولوجيا المساعِدة. مزيد من المعلومات حول ترتيب العناوين
يحتوي العنصر <html> على السمة [xml:lang] التي تستخدم اللغة الأساسية نفسها للسمة [lang]
إذا لم تحدِّد صفحة الويب لغة متسقة، قد لا تتم قراءة نص الصفحة بشكل صحيح من خلال قارئ الشاشة. مزيد من المعلومات حول السمة lang
تمثِّل القيَم التي تم تخصيصها للدور role="" أدوار ARIA صالحة
يتيح role ARIA للتكنولوجيا المساعِدة معرفة دور كل عنصر على صفحة الويب. إذا كانت قيَم role مكتوبة بشكل خاطئ أو كانت قيَم role ARIA غير موجودة أو كانت الأدوار مجرّدة، لن يعرف مستخدمو التكنولوجيا المساعِدة الغرض من العنصر. مزيد من المعلومات حول أدوار ARIA
Deprecated ARIA roles were not used
Deprecated ARIA roles may not be processed correctly by assistive technology. Learn more about deprecated ARIA roles.
لا تتضمَّن عناصر الصور سمات [alt] التي تُعَد نصوصًا مكررة
يجب أن تتضمن العناصر الإعلامية نصًا بديلاً وصفيًا وقصيرًا. إذا كان النص البديل مماثلاً تمامًا للنص المجاور للرابط أو الصورة، قد يؤدي ذلك إلى إرباك مستخدمي برامج قراءة الشاشة لأنّه في هذه الحالة ستتم قراءة النص مرّتين. مزيد من المعلومات حول السمة alt
تتضمّن الجداول محتوى مختلفًا في سمة الملخّص و<caption>
يجب أن تصف سمة الملخّص بنية الجدول، بينما يجب أن يتضمّن <caption> العنوان الذي يظهر على الشاشة. يساعد الترميز الدقيق للجداول مستخدمي برامج قراءة الشاشة. مزيد من المعلومات حول الملخّص والشرح
العناصر التي تحمل تصنيفات نصية مرئية تتضمَّن أسماء عناصر مطابقة ظاهرة على واجهة المستخدم
قد تؤدي التصنيفات النصية المرئية التي لا تطابق أسماء العناصر الظاهرة على واجهة المستخدم إلى إرباك مستخدمي برامج قراءة الشاشة. مزيد من المعلومات حول أسماء العناصر الظاهرة على واجهة المستخدم
تستخدم الجداول <caption> بدلاً من الخلايا التي تستخدم السمة [colspan] للإشارة إلى الشرح
تحتوي برامج قراءة الشاشة على ميزات لتسهيل التنقّل بين الجداول. يمكن تحسين تجربة استخدام برامج قراءة الشاشة من خلال ضمان استخدام الجداول لعنصر الشرح الفعلي بدلاً من الخلايا التي تستخدم السمة [colspan]. مزيد من المعلومات حول الشرح
عناصر <td> في جدول <table> كبير تحتوي على عنوان جدول واحد أو أكثر
تحتوي برامج قراءة الشاشة على ميزات لتسهيل التنقّل بين الجداول. يمكن تحسين تجربة استخدام برامج قراءة الشاشة من خلال ضمان توفُّر عناوين جداول لعناصر <td> في الجداول الكبيرة (التي تتكوَّن من 3 خلايا أو أكثر في العرض والارتفاع). مزيد من المعلومات حول عناوين الجداول
غير سارٍ (32)
عرض إخفاء
قيم [accesskey] فريدة
تتيح مفاتيح الوصول للمستخدمين التركيز بسرعة على جزء من الصفحة. للانتقال إلى الموضع الصحيح من الصفحة، يجب أن يكون كل مفتاح وصول فريدًا. مزيد من المعلومات حول مفاتيح الوصول
تتوفّر لعناصر button وlink وmenuitem أسماء يمكن الوصول إليها
عند عدم ظهور اسم أحد العناصر على واجهة المستخدم، تشير برامج قراءة الشاشة إلى هذا العنصر باستخدام اسم عام، ما يجعله غير قابل للاستخدام بالنسبة إلى المستخدمين الذين يعتمدون على برامج قراءة الشاشة. تعرَّف على كيفية تسهيل استخدام عناصر الأوامر.
لا تحتوي عناصر [aria-hidden="true"] على عناصر منحدرة قابلة للتركيز
العناصر التابعة التي يمكن التركيز عليها ضِمن عنصر [aria-hidden="true"] تمنع إتاحة العناصر التفاعلية لمستخدمي التكنولوجيا المساعِدة، مثل برامج قراءة الشاشة. تعرَّف على مدى تأثير aria-hidden في العناصر التي يمكن التركيز عليها.
تحتوي حقول إدخال ARIA على أسماء يمكن الوصول إليها
عند عدم ظهور اسم أحد حقول الإدخال على واجهة المستخدم، تشير برامج قراءة الشاشة إلى هذا العنصر باستخدام اسم عام، ما يجعله غير قابل للاستخدام بالنسبة إلى المستخدمين الذين يعتمدون على برامج قراءة الشاشة. مزيد من المعلومات حول تصنيفات حقول الإدخال
تتوفّر لعناصر ARIA meter أسماء يمكن الوصول إليها
عند عدم ظهور اسم أحد عناصر "مقياس" (meter) على واجهة المستخدم، تشير برامج قراءة الشاشة إلى هذا العنصر بصفة عامة، ما يجعله غير قابل للاستخدام بالنسبة إلى المستخدمين الذين يعتمدون على برامج قراءة الشاشة. تعرَّف على كيفية تسمية عناصر meter.
تتوفّر لعناصر ARIA progressbar أسماء يمكن الوصول إليها
عندما لا يكون اسم أحد عناصر progressbar ظاهرًا على واجهة المستخدم، تشير برامج قراءة الشاشة إلى هذا العنصر باستخدام اسم عام، ما يجعله غير قابل للاستخدام بالنسبة إلى المستخدمين الذين يعتمدون على برامج قراءة الشاشة. تعرَّف على كيفية تصنيف عناصر progressbar.
إنّ العناصر التي تتضمن ARIA [role] والتي تتطلب عناصر ثانوية للاحتواء على عنصر [role] محدّد تشتمل على جميع العناصر الثانوية المطلوبة.
يجب أن تحتوي بعض أدوار ARIA الرئيسية على أدوار ثانوية محدَّدة لأداء وظائف إمكانية الوصول المقصودة. مزيد من المعلومات حول الأدوار والعناصر الثانوية المطلوبة
[role] مضمّنة في العنصر الرئيسي المطلوب
يجب إدراج بعض أدوار ARIA الثانوية ضِمن أدوار رئيسية محدَّدة لتنفيذ وظائف إمكانية الوصول المقصودة بشكل صحيح. مزيد من المعلومات حول أدوار ARIA والعنصر الرئيسي المطلوب
تحتوي جميع حقول تبديل ARIA على أسماء يمكن الوصول إليها
عند عدم ظهور اسم أحد حقول التبديل على واجهة المستخدم، تشير برامج قراءة الشاشة إلى هذا العنصر باستخدام اسم عام، ما يجعله غير قابل للاستخدام بالنسبة إلى المستخدمين الذين يعتمدون على برامج قراءة الشاشة. مزيد من المعلومات حول حقول التبديل
تتوفّر لعناصر ARIA tooltip أسماء يمكن الوصول إليها
عند عدم ظهور اسم أحد عناصر "تلميح" (tooltip) على واجهة المستخدم، تشير برامج قراءة الشاشة إلى هذا العنصر بصفة عامة، ما يجعله غير قابل للاستخدام بالنسبة إلى المستخدمين الذين يعتمدون على برامج قراءة الشاشة. تعرَّف على كيفية تسمية عناصر tooltip.
تتوفّر لعناصر ARIA treeitem أسماء يمكن الوصول إليها
عندما لا يكون اسم أحد عناصر treeitem ظاهرًا على واجهة المستخدم، تشير برامج قراءة الشاشة إلى هذا العنصر باستخدام اسم عام، ما يجعله غير قابل للاستخدام بالنسبة إلى المستخدمين الذين يعتمدون على برامج قراءة الشاشة. مزيد من المعلومات حول تصنيف عناصر treeitem
احتواء الصفحة على عنوان أو رابط تخطٍ أو منطقة معالم
تؤدي إضافة طرق لاستبعاد المحتوى المكرَّر إلى السماح لمستخدمي لوحة المفاتيح بالتنقّل في الصفحة بكفاءة أكبر. مزيد من المعلومات حول روابط استبعاد المحتوى المكرَّر
<dl> تحتوي على مجموعات <dt> و<dd> المرتبة بشكلٍ صحيح فقط، أو العناصر <script> أو<template> أو <div>.
عندما لا يتم ترميز قوائم التعريفات بشكل صحيح، قد تقدِّم برامج قراءة الشاشة نتائج غير واضحة أو غير دقيقة. تعرَّف على كيفية تنظيم قوائم التعريفات بشكل صحيح.
عناصر قائمة التعريفات مضمّنة في عناصر <dl>
يجب إدراج عناصر قائمة التعريفات (<dt> و<dd>) في عنصر <dl> رئيسي، وذلك لضمان إمكانية قراءة تلك العناصر بشكل صحيح من خلال برامج قراءة الشاشة. تعرَّف على كيفية تنظيم قوائم التعريفات بشكل صحيح.
أرقام تعريف ARIA فريدة
يجب أن تكون قيمة رقم تعريف ARIA فريدة حتى لا تتجاهل التكنولوجيا المساعِدة الأمثلة الأخرى. تعرَّف على كيفية حلّ مشكلة أرقام تعريف ARIA المكرَّرة.
لا تحتوي الحقول النموذجية على تصنيفات متعددة
إنّ التكنولوجيا المساعِدة، مثل برامج قراءة الشاشة التي تستخدم إمّا التصنيف الأول أو الأخير أو كل التصنيفات، قد تشير عن طريق الخطأ إلى الحقول النموذجية المتعددة التصنيف. تعرَّف على كيفية استخدام تصنيفات النماذج.
عناصر <frame> أو <iframe> تحتوي على عنوان
يعتمد مستخدمو برامج قراءة الشاشة على عناوين الإطارات لوصف محتوى الإطارات. مزيد من المعلومات حول عناوين الإطارات
عنصر <html> يحتوي على قيمة صحيحة لسمة [lang]
يؤدي تحديد لغة BCP 47 صحيحة إلى مساعدة برامج قراءة الشاشة على الإشارة إلى النص بشكلٍ صحيح. تعرَّف على كيفية استخدام السمة lang.
تحتوي أزرار الإدخال على نص واضح
إنّ إضافة نص واضح يمكن الوصول إليه إلى أزرار الإدخال قد تساعد مستخدمي قارئ الشاشة على فهم الغرض من زر الإدخال. مزيد من المعلومات حول أزرار الإدخال
عناصر <input type="image"> تحتوي على نص [alt]
عند استخدام صورة كزر <input>، يمكن أن يساعد توفير نص بديل مستخدمي قارئ الشاشة على فهم الغرض من الزر. مزيد من المعلومات حول إدخال نص بديل للصورة
القوائم تحتوي على عناصر <li> وعناصر دعم النص البرمجي (<script> و<template>) فقط.
تعتمد برامج قراءة الشاشة على طريقة محدَّدة للإشارة إلى القوائم. يؤدّي ضمان بنية القائمة المناسبة إلى المساعدة على الاستماع إلى قارئ الشاشة. مزيد من المعلومات حول بنية القائمة المناسبة
عناصر القائمة (<li>) مُدرَجة ضِمن العناصر الرئيسية <ul> أو <ol> أو <menu>
تتطلّب برامج قراءة الشاشة عناصر قائمة (<li>) يجب إدراجها ضِمن العنصر الرئيسي <ul> أو <ol> أو <menu> لتتم الإشارة إليها بشكلٍ صحيح. مزيد من المعلومات حول بنية القائمة المناسبة
المستند لا يستخدم <meta http-equiv="refresh">
لا يتوقع المستخدمون إعادة تحميل الصفحة تلقائيًا. وإذا تمت إعادة التحميل تلقائيًا، سيتحوّل تركيز المستخدمين إلى أعلى الصفحة. وقد ينشأ عن ذلك تجربة استخدام محبطة ومربكة. مزيد من المعلومات حول العلامة الوصفية لإعادة التحميل
عناصر الاختيار (select) تتضمّن عناصر تصنيف (label) مرتبطة
إذا لم تتم إضافة تصنيفات فعّالة إلى عناصر النموذج (form)، يمكن أن يؤدي ذلك إلى تقديم تجارب محبطة لمستخدمي برامج قراءة الشاشة. مزيد من المعلومات حول عنصر select
لا يتوفّر عنصر له قيمة [tabindex] أكبر من 0
تشير القيمة الأكبر من 0 إلى تقديم طلب صريح للتنقّل. على الرغم من صحة ذلك تقنيًّا، غالبًا ما يؤدي إلى إنشاء تجارب محبطة للمستخدمين الذين يعتمدون على التكنولوجيا المساعدة. مزيد من المعلومات حول السمة tabindex
إنّ الخلايا الواردة في <table> والتي تستخدم السمة [headers] تشير إلى الخلايا في الجدول نفسه.
تحتوي برامج قراءة الشاشة على ميزات لتسهيل التنقّل بين الجداول. يمكن تحسين تجربة استخدام برامج قراءة الشاشة من خلال ضمان إشارة الخلايا <td> التي تستخدم السمة [headers] إلى خلايا أخرى في الجدول نفسه فقط. مزيد من المعلومات حول السمة headers
عناصر <th> وعناصر [role="columnheader"/"rowheader"] تحتوي على خلايا البيانات التي يتم وصفها
تحتوي برامج قراءة الشاشة على ميزات لتسهيل التنقّل بين الجداول. ويمكن تحسين تجربة استخدام برامج قراءة الشاشة من خلال الحرص على أن تشير عناوين الجداول دائمًا إلى بعض مجموعات الخلايا. مزيد من المعلومات حول عناوين الجداول
سمات [lang] تحتوي على قيمة صالحة
يؤدي تحديد لغة BCP 47 صحيحة في العناصر إلى مساعدة قارئ الشاشة على قراءة النص بشكلٍ صحيح. تعرَّف على كيفية استخدام السمة lang.
عناصر <video> تحتوي على عنصر <track> مع [kind="captions"]
عندما يقدِّم الفيديو ترجمة وشرحًا، يَسهُل على المستخدمين الصُم والذين يعانون من مشاكل في السمع فهم مضمونه. مزيد من المعلومات حول تقديم الترجمة والشرح على الفيديو
جميع عناصر العنوان (heading) تتضمّن محتوى
في حال عدم اشتمال العنوان على محتوى أو نص ظاهر على واجهة المستخدم، لن يتمكّن مستخدمو برامج قراءة الشاشة من الوصول إلى المعلومات في بنية الصفحة. مزيد من المعلومات حول العناوين
المستند يتضمّن مَعلمًا رئيسيًا
عند إضافة مَعلم رئيسي واحد، يمكن لمستخدمي برامج قراءة الشاشة التنقّل في صفحة الويب بسهولة. مزيد من المعلومات حول المعالم
الثقة والأمان
لا يتم استخدام HTTPS تم العثور على طلب غير آمن واحد
يجب حماية جميع المواقع الإلكترونية باستخدام HTTPS، حتى تلك المواقع التي لا تتعامل مع البيانات الحسّاسة. تتضمّن هذه الحماية تجنُّب المحتوى المختلَط حيث يتم تحميل بعض الموارد على HTTP على الرغم من عرض الطلب الأوّلي على HTTPS. ويمنع HTTPS الدخلاء من العبث بالاتصالات بين تطبيقك والمستخدمين أو التنصّت عليها، وهو شرط مُسبَق لبروتوكول HTTP/2 والعديد من واجهات برمجة التطبيقات الجديدة للأنظمة الأساسية على الويب. مزيد من المعلومات حول HTTPS
عنوان URL غير آمن
معالجة الطلبات
Google CDN
cdn
…2.1.1/jquery.min.js
(ajax.googleapis.com)
مسموح به
يتم طلب إذن رصد الموقع الجغرافي عند تحميل الصفحة
لا يثق المستخدمون في المواقع الإلكترونية التي تطلب مواقعهم الجغرافية بدون سياق أو قد يؤدي ذلك إلى إرباكهم. يمكنك ربط الطلب بإجراء المستخدم بدلاً من ذلك. مزيد من المعلومات حول إذن رصد الموقع الجغرافي
المصدر
localhost
الطرف الأول
يتم طلب إذن الإشعار عند تحميل الصفحة
لا يثق المستخدمون في المواقع الإلكترونية التي تطلب إرسال الإشعارات بدون سياق أو قد يؤدي ذلك إلى إرباكهم. يمكنك ربط الطلب بإيماءات المستخدم بدلاً من ذلك. مزيد من المعلومات حول الحصول على إذن بشأن الإشعارات بشكلٍ مسؤول
المصدر
localhost
الطرف الأول
التأكُّد من فاعلية سياسة CSP ضد هجمات XSS
تقلِّل سياسة أمان المحتوى (CSP) القوية بشكل كبير من خطر الهجمات التي تستخدم النصوص البرمجية على المواقع الإلكترونية (XSS). تعرَّف على كيفية استخدام سياسة أمان المحتوى لمنع الهجمات التي تستخدم النصوص البرمجية على المواقع الإلكترونية (XSS).
الوصف
أمر توجيهي
درجة الخطورة
لم يتم العثور على سياسة CSP في وضع "التنفيذ".
مرتفع
عام
يتم استخدام واجهات برمجة التطبيقات المتوقفة تم العثور على تحذيرين (٢)
ستتم في النهاية إزالة واجهات برمجة التطبيقات المتوقِّفة نهائيًا من المتصفِّح. مزيد من المعلومات حول واجهات برمجة التطبيقات التي تم إيقافها نهائيًا
إيقاف / تحذير
المصدر
localhost
الطرف الأول
'window.webkitStorageInfo' is deprecated. Please use 'navigator.webkitTemporaryStorage' or 'navigator.webkitPersistentStorage' instead.
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
تم تسجيل أخطاء المتصفح في وحدة التحكّم
تشير الأخطاء التي تم تسجيلها في وحدة التحكّم إلى مشاكل لم يتم حلها. قد تنتج هذه المشاكل بسبب إخفاقات في طلبات الشبكة ومشاكل أخرى تتعلق بالمتصفِّح. مزيد من المعلومات حول عملية التدقيق في بيانات التشخيص
المصدر
الوصف
localhost
الطرف الأول
Error: A distinctive error
    at http://localhost:10200/dobetterweb/dbw_tester.html:56:54
Error: An ignored error
    at http://localhost:10200/dobetterweb/dbw_tester.html:59:38
Error! Error!
Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load resource: the server responded with a status of 404 (Not Found)
/favicon.ico:1:0
(localhost)
Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load resource: the server responded with a status of 404 (Not Found)
مكتبات JavaScript التي تم رصدها
تم رصد جميع مكتبات JavaScript للواجهة الأمامية على الصفحة. مزيد من المعلومات حول التدقيق في بيانات التشخيص لرصد مكتبة JavaScript هذه
الاسم
الإصدار
jQuery
2.1.1
WordPress
انطباع المستخدم
يتم منع المستخدمين من اللصق في حقول الإدخال
منع لصق الإدخال هو إجراء سيء في ما يتعلّق بتجربة المُستخدِم، ويؤدي إلى تقليل مستوى الأمان من خلال حظر خدمات إدارة كلمات المرور.تعرَّف على مزيد من المعلومات حول حقول الإدخال السهلة الاستخدام.
العناصر التي لم تلبِّ الشروط
body > input
<input type="password" onpaste="event.preventDefault();">
body > input
<input type="password" onpaste="return false;">
يتم عرض الصور مع نسبة عرض إلى ارتفاع غير صحيحة
يجب أن تتوافق أبعاد عرض الصورة مع نسبة العرض إلى الارتفاع الطبيعية. مزيد من المعلومات حول نسبة العرض إلى الارتفاع للصورة
عنوان URL
نسبة العرض إلى الارتفاع (معروضة)
نسبة العرض إلى الارتفاع (الفعلية)
localhost
الطرف الأول
body > img
<img src="lighthouse-1024x680.jpg?iar1" width="120" height="15">
120 x 15 (8.00)
1024 x 678 (1.51)
body > img
<img src="lighthouse-480x318.jpg?isr1" width="400" height="360" style="position: absolute;">
400 x 360 (1.11)
480 x 318 (1.51)
اجتياز عمليات التدقيق بنجاح (8)
عرض إخفاء
هذه الصفحة لا تستخدم ملفات تعريف ارتباط تابعة لجهات خارجية
ستتم إزالة إمكانية استخدام ملفات تعريف الارتباط التابعة لجهات خارجية في إصدار مستقبلي من Chrome. معلومات أكثر حول الإيقاف التدريجي لملفات تعريف الارتباط التابعة لجهات خارجية
يتم عرض الصور بدقة مناسبة
يجب أن تكون الأبعاد الطبيعية للصورة متناسبة مع حجم العرض ونسبة وحدة البكسل لزيادة وضوح الصورة إلى أقصى حد. تعرَّف على كيفية تقديم صور سريعة الاستجابة.
تضمين علامة <meta name="viewport"> مع width أو initial-scale
لا يساعد إطار العرض <meta name="viewport"> على تحسين تطبيقك ليناسب أحجام شاشات الأجهزة الجوّالة فحسب، بل يمنع أيضًا تأخُّر البيانات التي يدخلها المستخدم بمقدار 300 ملي ثانية. مزيد من المعلومات حول استخدام العلامة الوصفية لإطار العرض
يستخدم المستند أحجام الخط القابلة للقراءة نص ١٠٠٪؜ قابل للقراءة
تكون أحجام الخطوط الأقل من 12 بكسل صغيرة جدًا بحيث لا يمكن قراءتها بسهولة وتتطلب من مستخدمي الأجهزة الجوّالة "استخدام الإصبعين للتكبير" من أجل قراءتها. يُرجى بذل قصارى جهدك لضبط الخطوط في أكثر من ‏60% من نص الصفحة على حجم أكبر من أو يساوي 12 بكسل. مزيد من المعلومات حول أحجام الخطوط القابلة للقراءة
المصدر
أداة الاختيار
% من نص الصفحة
حجم الخط
نص قابل للقراءة
100.00%
≥ 12px
الصفحة تحتوي على HTML DOCTYPE
يؤدي تحديد doctype إلى منع المتصفِّح من التبديل إلى وضع Quirks. مزيد من المعلومات حول بيان DOCTYPE
تحديد ترميز الأحرف بشكلٍ صحيح
يجب تعريف ترميز الأحرف. ويمكن إجراء ذلك باستخدام علامة <meta> في أول 1024 وحدة بايت من عنوان HTML أو في عنوان استجابة HTTP لنوع المحتوى. مزيد من المعلومات حول تعريف ترميز الأحرف
ما مِن مشاكل في لوحة Issues ضِمن "أدوات مطوري البرامج في Chrome"
تشير المشاكل التي تم تسجيلها في لوحة Issues ضِمن "أدوات مطوري البرامج في Chrome" إلى وجود مشاكل لم يتم حلها. قد تنتج هذه المشاكل بسبب إخفاقات في طلبات الشبكة وعدم توفّر عناصر كافية للتحكّم في الأمان ومشاكل أخرى تتعلق بالمتصفِّح. للاطّلاع على مزيد من التفاصيل عن كل مشكلة، يمكنك الانتقال إلى لوحة Issues (لوحة "المشاكل") ضِمن "أدوات مطوري البرامج في Chrome".
تحتوي الصفحة على خرائط مصدر صالحة
تحوِّل خرائط المصدر الرمز المصغَّر إلى رمز المصدر الأصلي. ويساعد هذا الإجراء المطوّرين على تصحيح الأخطاء في مرحلة الإنتاج. ويمكن لأداة Lighthouse أيضًا أن توفّر معلومات إضافية. ننصحك بنشر خرائط المصدر للاستفادة من هذه المزايا. مزيد من المعلومات حول خرائط المصدر
غير سارٍ (1)
عرض إخفاء
Redirects HTTP traffic to HTTPS
Make sure that you redirect all HTTP traffic to HTTPS in order to enable secure web features for all your users. Learn more.
تضمن عمليات التحقّق هذه اتّباع صفحتك للنصائح الأساسية الخاصة بتحسين محركات البحث. هناك العديد من العوامل الإضافية التي تتسبب في عدم تحقيق أداة Lighthouse لأي نقاط هنا والتي قد تؤثّر في ترتيب نتائج البحث، بما في ذلك الأداء في ما يخص مؤشرات أداء الويب الأساسية. مزيد من المعلومات حول "أساسيات بحث Google"
أفضل ممارسات المحتوى
لا يحتوي المستند على وصف تعريفي
قد يتم تضمين الأوصاف التعريفية في نتائج البحث لتلخيص محتوى الصفحة بإيجاز. مزيد من المعلومات عن الوصف التعريفي
عناصر الصور لا تحتوي على سمات [alt]
يجب أن تتضمن العناصر الإعلامية نصًا بديلاً وصفيًا وقصيرًا. يمكن تجاهل العناصر غير الضرورية من خلال استخدام سمة نص بديل فارغة. مزيد من المعلومات حول السمة alt
العناصر التي لم تلبِّ الشروط
body > img
<img src="lighthouse-480x318.jpg?iar1" width="120" height="15">
body > img
<img loading="lazy" src="lighthouse-480x318.jpg?iar2" width="120" height="80">
body > img
<img src="lighthouse-480x318.jpg?isr1" width="360" height="240" style="position: absolute;">
body > img
<img src="lighthouse-480x318.jpg?isr2" width="120" height="80" style="position: absolute;">
body > img
<img src="lighthouse-480x318.jpg?isr3" width="360" height="240" style="image-rendering: pixelated; position: absolute;">
body > img
<img src="http://localhost:10200/dobetterweb/lighthouse-480x318.jpg" srcset="lighthouse-480x318.jpg 2x" width="360" height="240" style="position: absolute;">
body > img
<img src="lighthouse-rotating.gif" width="811" height="462">
body > img
<img src="blob:http://localhost:10200/84c78bd5-a720-43b4-93e0-26591a9ff8ee">
body > img
<img src="filesystem:http://localhost:10200/temporary/empty-0.48387978403091236.png">
يمكنك تنسيق HTML بطريقة تتيح لبرامج الزحف فهم محتوى تطبيقك بشكلٍ أفضل.
الزحف والفهرسة
لا يمكن الزحف إلى الروابط
قد تستخدم محركات البحث سمات href على الروابط بهدف الزحف إلى المواقع الإلكترونية. يُرجى التأكّد من أنّ سمة href لعناصر الارتساء ترتبط بوجهة مناسبة، حيث يمكن اكتشاف مزيد من صفحات الموقع الإلكتروني. تعرَّف على كيفية إتاحة إمكانية الزحف إلى الروابط.
الروابط التي لا يمكن الزحف إليها
external link
<a target="_blank">
body > a
<a href="javascript:void(0)" target="_blank">
للظهور في نتائج البحث، تحتاج برامج الزحف إلى الوصول إلى تطبيقك.
عناصر إضافية للتحقُّق يدويًا (1)
عرض إخفاء
البيانات المنظَّمة صالحة
تشغيل أدوات التحقُّق الإضافية هذه على موقعك الإلكتروني للتحقُّق من أفضل ممارسات تحسين محركات البحث الإضافية.
اجتياز عمليات التدقيق بنجاح (5)
عرض إخفاء
الصفحة ليست محظورة من الفهرسة
يتعذّر على محركات البحث تضمين صفحاتك في نتائج البحث في حال عدم حصولها على إذن للزحف إلى هذه الصفحات. مزيد من المعلومات حول توجيهات الزاحف
المستند يحتوي على عنصر <title>
يوفّر العنوان لمستخدمي قارئ الشاشة نظرة عامة حول الصفحة، ويعتمد مستخدمو محرك البحث على هذا بشكل كبير لتحديد ما إذا كانت الصفحة ذات صلة ببحثهم أو لا. مزيد من المعلومات حول عناوين المستندات
تحتوي الصفحة على رمز حالة HTTP صالح
قد لا يتم إجراء الفهرسة بشكلٍ صحيح للصفحات التي تتضمّن رموز حالة HTTP غير صالحة. مزيد من المعلومات حول رموز حالة HTTP
المستند يحتوي على سمة hreflang صالحة
توضّح روابط hreflang لمحركات البحث إصدار الصفحة الذي يجب إدراجه في نتائج البحث للغة أو منطقة معيّنة. مزيد من المعلومات حول hreflang
غير سارٍ (2)
عرض إخفاء
ملف "robots.txt" صالح
في حال كان ملف robots.txt مكتوبًا بصيغة غير صحيحة، يمكن أن يتعذّر على برامج الزحف فهم الطريقة المطلوبة للزحف إلى موقعك الإلكتروني أو فهرسته. مزيد من المعلومات حول ملف robots.txt
المستند يحتوي على سمة rel=canonical صالحة
تقترح الروابط الأساسية عنوان URL للعرض في نتائج البحث. مزيد من المعلومات حول الروابط الأساسية