http://localhost:10200/dobetterweb/dbw_tester.html
28
الأداء
81
إمكانية الوصول
33
أفضل الممارسات
67
تحسين محركات البحث
PWA
50
Plugin
28
الأداء
81
إمكانية الوصول
33
أفضل الممارسات
67
تحسين محركات البحث
PWA
50
Plugin
28
الأداء
القيم تقديرية وقابلة للتغيير. ويتم حساب نتيجة الأداء مباشرة من خلال هذه المقاييس.اطّلِع على الآلة الحاسبة.
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
عرض عمليات التدقيق المرتبطة بالمقاييس:
فرص تحسين الأداء
فرصة تحسين الأداء
التوفيرات المُقدرة
استخدام تنسيقات الفيديو لمحتوى الصور المتحركة
3.45 ث
ملفات GIF الكبيرة غير فعّالة في عرض محتوى الصور المتحركة. يمكنك استخدام فيديوهات بتنسيق MPEG4 أو WebM للصور المتحركة وتنسيق PNG أو WebP للصور الثابتة بدلاً من ملف GIF لتوفير وحدات البايت على الشبكة. مزيد من المعلومات حول صيغ الفيديوهات الفعّالةLCP
WordPressيمكنك تحميل ملف GIF إلى خدمة ستتيح تضمينه في شكل فيديو HTML5.
عنوان URL
حجم المصدر
التوفيرات المحتملة
localhost
الطرف الأول
912.4 KiB
666.0 KiB
/dobetterweb/lighthouse-rotating.gif
(localhost)
912.4 KiB
666.0 KiB
تفعيل ضغط النص
2.40 ث
يجب عرض الموارد المستنِدة إلى النص باستخدام أدوات الضغط (من خلال gzip أو deflate أو brotli) لتقليل إجمالي وحدات البايت على الشبكة. مزيد من المعلومات حول ضغط النصFCPLCP
WordPressيمكنك تفعيل ضغط النص في إعداد خادم الويب.
عنوان URL
حجم النقل
التوفيرات المحتملة
localhost
الطرف الأول
179.4 KiB
143.0 KiB
…third_party/aggressive-promise-polyfill.js
(localhost)
162.4 KiB
131.7 KiB
/dobetterweb/dbw_tester.html
(localhost)
17.0 KiB
11.4 KiB
تصغير JavaScript
1.20 ث
يمكن أن يؤدي تصغير ملفات JavaScript إلى تقليل أحجام الحمولات ووقت تحليل النصوص البرمجية. تعرَّف على كيفية تصغير ملف JavaScript.FCPLCP
WordPressيمكن لعدد من مكونات WordPress الإضافية زيادة سرعة موقعك الإلكتروني من خلال ربط النصوص البرمجية وتصغيرها وضغطها. يمكنك أيضًا استخدام عملية إنشاء الموقع الإلكتروني لإزالة البيانات غير الضرورية بشكل مسبق إذا أمكن ذلك.
عنوان URL
حجم النقل
التوفيرات المحتملة
localhost
الطرف الأول
162.6 KiB
81.6 KiB
…third_party/aggressive-promise-polyfill.js
(localhost)
162.6 KiB
81.6 KiB
الحدّ من محتوى JavaScript غير المستخدَم
0.75 ث
يمكنك الحدّ من محتوى JavaScript غير المستخدَم وتأجيل تحميل النصوص البرمجية إلى حين الحاجة إليها لتقليل وحدات البايت التي يستهلكها نشاط الشبكة. تعرَّف على كيفية الحدّ من محتوى JavaScript غير المستخدَم.LCP
WordPressيمكنك تقليل عدد مكونات WordPress الإضافية التي تُحمِّل لغة JavaScript غير المُستخدَمة في صفحتك أو تبديلها. لتحديد المكونات الإضافية التي تضيف لغة JavaScript دخيلة، يمكنك محاولة تشغيل تغطية الرمز البرمجي في Chrome DevTools. يمكنك تحديد التصميم/المكون الإضافي المسؤول عن عنوان URL للنص البرمجي. يمكنك البحث عن المكونات الإضافية التي تحتوي على العديد من النصوص البرمجية في القائمة والتي تحتوي على الكثير من اللون الأحمر في تغطية الرمز البرمجي. يجب أن يدرِج المكون الإضافي نصًا برمجيًا فقط في حال تم استخدامه في الصفحة فعليًا.
عنوان URL
حجم النقل
التوفيرات المحتملة
localhost
الطرف الأول
162.6 KiB
42.5 KiB
…third_party/aggressive-promise-polyfill.js
(localhost)
162.6 KiB
42.5 KiB
Google CDN
cdn
29.6 KiB
21.0 KiB
…2.1.1/jquery.min.js
(ajax.googleapis.com)
29.6 KiB
21.0 KiB
عرض الصور بتنسيقات الجيل القادم
0.45 ث
غالبًا ما توفِّر تنسيقات الصور، مثل WebP وAVIF، ضغطًا أفضل للصور من تنسيق PNG أو JPEG، وهذا بدوره يعني تنزيلاً أسرع واستهلاكًا أقل للبيانات. مزيد من المعلومات عن تنسيقات الصور الحديثة
WordPressيمكنك استخدام المكوِّن الإضافي Performance Lab لتحويل الصور المحمّلة بتنسيق JPEG إلى تنسيق WebP بشكل تلقائي، إذا كان ذلك متاحًا.
عنوان URL
حجم المصدر
التوفيرات المحتملة
localhost
الطرف الأول
144.3 KiB
76.0 KiB
/dobetterweb/lighthouse-480x318.jpg?iar1
(localhost)
24.0 KiB
12.7 KiB
body > img
<img src="lighthouse-480x318.jpg?isr1" width="400" height="360" style="position: absolute;">
/dobetterweb/lighthouse-480x318.jpg?isr1
(localhost)
24.0 KiB
12.7 KiB
/dobetterweb/lighthouse-480x318.jpg?isr2
(localhost)
24.0 KiB
12.7 KiB
/dobetterweb/lighthouse-480x318.jpg?isr3
(localhost)
24.0 KiB
12.7 KiB
/dobetterweb/lighthouse-480x318.jpg
(localhost)
24.0 KiB
12.7 KiB
/dobetterweb/lighthouse-480x318.jpg?iar2
(localhost)
24.0 KiB
12.7 KiB
تجنُّب عرض ميزات JavaScript القديمة في المتصفحات الحديثة
0.45 ث
تساعد الرموز البرمجية polyfills وtransforms المتصفّحات القديمة في استخدام ميزات JavaScript الجديدة. ومع ذلك، يكون العديد منها غير ضروري للمتصفّحات الحديثة. وبالنسبة إلى حِزم JavaScript، يمكنك استخدام استراتيجية حديثة لنشر النصوص البرمجية باستخدام ميزة الكشف عن الميزات "module/nomodule" لتقليل عدد الرموز البرمجية التي يتم نقلها إلى المتصفّحات الحديثة مع استمرار التوافق مع المتصفّحات القديمة. تعرَّف على كيفية استخدام لغة JavaScript الحديثة.TBT
عنوان URL
التوفيرات المحتملة
localhost
الطرف الأول
26.0 KiB
…third_party/aggressive-promise-polyfill.js
(localhost)
26.0 KiB
…third_party/aggressive-promise-polyfill.js:2614:8
(localhost)
Object.defineProperty
…third_party/aggressive-promise-polyfill.js:2624:8
(localhost)
Object.defineProperties
يمكن أن تساعد هذه الاقتراحات على تحميل صفحتك بشكل أسرع. لا تؤثر هذه الاقتراحات بشكل مباشر في نتيجة الأداء.
بيانات التشخيص
لا يتم استخدام أدوات معالجة الحدث السلبية لتحسين عملية التنقل في الصفحة
يمكنك وضع علامة على "أدوات معالجة أحداث لمس الشاشة وتحريك الماوس" بصفتها passive لتحسين عملية التنقل في صفحتك. مزيد من المعلومات حول استخدام أدوات معالجة الأحداث السلبية
المصدر
localhost
الطرف الأول
/dobetterweb/dbw_tester.html:312:5
(localhost)
تجنَّب document.write()
بالنسبة إلى المستخدمين الذين لديهم اتصالات بطيئة، يمكن أن تؤدي النصوص البرمجية الخارجية التي يتم إدخالها ديناميكيًا من خلال document.write() إلى تأخير تحميل الصفحة لمدة ثوانٍ متعددة. تعرَّف على كيفية تجنُّب document.write()‎.
المصدر
localhost
الطرف الأول
/dobetterweb/dbw_tester.html:279:11
(localhost)
/dobetterweb/dbw_tester.html:280:11
(localhost)
/dobetterweb/dbw_tester.html:281:11
(localhost)
عناصر الصور لا تحتوي على قيَم 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
تم منع استعادة الصفحة من عملية التخزين المؤقت باستخدام ميزة "التخزين المؤقت للصفحات" هناك سببان لعدم تنفيذ العملية.
يتم تنفيذ العديد من عمليات التنقل بالرجوع إلى صفحة سابقة أو الانتقال إلى الصفحة التالية مرة أخرى. يمكنك استخدام ميزة "التخزين المؤقت للصفحات" (bfcache) لتسريع عمليات الرجوع هذه. مزيد من المعلومات حول ميزة "التخزين المؤقت للصفحات"
سبب الإخفاق
نوع الخطأ
تحتوي الصفحة على معالج لإلغاء التحميل في الإطار الرئيسي.
أخطاء يمكن اتخاذ إجراء بشأنها
/dobetterweb/dbw_tester.html
(localhost)
حدث خطأ داخلي.
أخطاء لا يمكن اتخاذ إجراء بشأنها
/dobetterweb/dbw_tester.html
(localhost)
عرض الأصول الثابتة من خلال سياسة ذاكرة التخزين المؤقت الفعالة تم العثور على ١٩ موردًا
يمكن لفترة التخزين المؤقت الطويلة زيادة سرعة الزيارات المتكررة إلى صفحتك. مزيد من المعلومات حول سياسات ذاكرة التخزين المؤقت الفعّالة
WordPressيمكنك الاطّلاع على ذاكرة التخزين المؤقت للمتصفّح في WordPress.
عنوان URL
ذاكرة التخزين المؤقت TTL
حجم النقل
localhost
الطرف الأول
1,339 KiB
/dobetterweb/lighthouse-rotating.gif
(localhost)
None
913 KiB
…third_party/aggressive-promise-polyfill.js
(localhost)
None
163 KiB
/dobetterweb/lighthouse-1024x680.jpg?redirected-lcp
(localhost)
None
110 KiB
/dobetterweb/lighthouse-480x318.jpg
(localhost)
None
24 KiB
/dobetterweb/lighthouse-480x318.jpg?iar1
(localhost)
None
24 KiB
/dobetterweb/lighthouse-480x318.jpg?iar2
(localhost)
None
24 KiB
/dobetterweb/lighthouse-480x318.jpg?isr1
(localhost)
None
24 KiB
/dobetterweb/lighthouse-480x318.jpg?isr2
(localhost)
None
24 KiB
/dobetterweb/lighthouse-480x318.jpg?isr3
(localhost)
None
24 KiB
/dobetterweb/dbw_disabled.css?delay=200&isdisabled
(localhost)
None
1 KiB
/dobetterweb/dbw_tester.js
(localhost)
None
1 KiB
/dobetterweb/dbw_tester.css?delay=100
(localhost)
None
1 KiB
/dobetterweb/dbw_tester.css?delay=2000&async=true
(localhost)
None
1 KiB
/dobetterweb/dbw_tester.css?delay=2200
(localhost)
None
1 KiB
/dobetterweb/dbw_tester.css?delay=3000&async=true
(localhost)
None
1 KiB
/dobetterweb/dbw_tester.css?delay=3000&capped
(localhost)
None
1 KiB
/dobetterweb/dbw_tester.css?scriptActivated&delay=200
(localhost)
None
1 KiB
/dobetterweb/empty_module.js?delay=500
(localhost)
None
0 KiB
/dobetterweb/empty.css
(localhost)
None
0 KiB
تقليل سلسلة العمل الرئيسية ٢٫٢ ثانية
يمكنك تقليل الوقت المستغرَق في تحليل بيانات JavaScript وتجميعها وتنفيذها. قد يتبيّن لك أنّ عرض حمولات JavaScript بحجم أصغر يساعد على ذلك. تعرَّف على كيفية تقليل سلسلة العمل الرئيسية.TBT
الفئة
الوقت المستغرَق
Script Evaluation
1,343 ملي ث
Rendering
327 ملي ث
Other
323 ملي ث
Style & Layout
201 ملي ث
Parse HTML & CSS
31 ملي ث
Script Parsing & Compilation
17 ملي ث
تقليل وقت تنفيذ JavaScript ١٫٣ ثانية
يمكنك تقليل الوقت المستغرَق في تحليل بيانات JavaScript وتجميعها وتنفيذها. قد يتبيّن لك أنّ عرض حمولات JavaScript بحجم أصغر يساعد على ذلك. تعرَّف على كيفية تقليل وقت تنفيذ بيانات JavaScript.TBT
عنوان URL
الوقت الإجمالي لوحدة المعالجة المركزية
تقييم النص البرمجي
تحليل النص البرمجي
localhost
الطرف الأول
2,046 ملي ث
1,289 ملي ث
12 ملي ث
/dobetterweb/dbw_tester.html
(localhost)
1,946 ملي ث
1,196 ملي ث
6 ملي ث
…third_party/aggressive-promise-polyfill.js
(localhost)
100 ملي ث
94 ملي ث
6 ملي ث
موارد لا يمكن تحديد مصدرها
147 ملي ث
22 ملي ث
1 ملي ث
Unattributable
147 ملي ث
22 ملي ث
1 ملي ث
تجنَّب سلاسل الطلبات المهمة تم العثور على ١٢ سلسلةً
توضّح لك "سلاسل الطلبات المُهمّة" أدناه الموارد التي تم تحميلها بأولوية عالية. ويمكنك تقليل طول السلاسل أو تقليل حجم تنزيل الموارد أو تأجيل تنزيل الموارد غير الضرورية لتحسين تحميل الصفحة. تعرَّف على كيفية تجنُّب تسلسل الطلبات المُهمّة.FCPLCP
الحد الأقصى لوقت استجابة المسار المهم: 7,690.092 ملي ث
التنقل الأوّلي
/dobetterweb/dbw_tester.html
(localhost)
/dobetterweb/dbw_tester.css?delay=100
(localhost)
- 571.262 ملي ث, 0.88 KiB
/dobetterweb/unknown404.css?delay=200
(localhost)
- 580.235 ملي ث, 0.20 KiB
/dobetterweb/dbw_tester.css?delay=2200
(localhost)
- 2,206.004 ملي ث, 0.88 KiB
/dobetterweb/dbw_disabled.css?delay=200&isdisabled
(localhost)
- 583.974 ملي ث, 1.16 KiB
/dobetterweb/dbw_tester.css?delay=3000&capped
(localhost)
- 3,006.202 ملي ث, 0.88 KiB
/dobetterweb/dbw_tester.css?delay=3000&async=true
(localhost)
- 3,568.714 ملي ث, 0.88 KiB
/dobetterweb/fcp-delayer.js?delay=5000
(localhost)
- 6,104.505 ملي ث, 0.22 KiB
…third_party/aggressive-promise-polyfill.js
(localhost)
- 1,451.24 ملي ث, 162.65 KiB
…2.1.1/jquery.min.js
(ajax.googleapis.com)
- 744.97 ملي ث, 29.63 KiB
/dobetterweb/dbw_tester.css?scriptActivated&delay=200
(localhost)
- 823.768 ملي ث, 0.88 KiB
/dobetterweb/dbw_tester.js
(localhost)
- 1,143.467 ملي ث, 1.03 KiB
/dobetterweb/empty_module.js?delay=500
(localhost)
- 1,150.729 ملي ث, 0.22 KiB
علامات أوقات المستخدم وقياساتها ٤٢ وقتًا للمستخدم
يمكنك توجيه تطبيقك باستخدام واجهة برمجة التطبيقات 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 ملي ث
الحفاظ على انخفاض عدد الطلبات ونقل الأحجام الصغيرة ٢٥ طلبًا • ١٬٤٠٣ كيبيبايت
لتحديد ميزانيات لكمية موارد الصفحة وحجمها، يمكنك إضافة ملف budget.json. مزيد من المعلومات حول الميزانيات القائمة على الأداء
نوع المورد
الطلبات
حجم النقل
الإجمالي
25.0
1,403.5 KiB
الصورة
8.0
1,168.3 KiB
النص البرمجي
5.0
193.7 KiB
غير ذلك
2.0
17.4 KiB
المستند
1.0
17.2 KiB
ورقة الأنماط
9.0
6.9 KiB
الوسائط
0.0
0.0 KiB
الخط
0.0
0.0 KiB
الجهة الخارجية
1.0
29.6 KiB
عنصر "سرعة عرض أكبر جزء من المحتوى على الصفحة" ١٣٬٣٢٠ مللي ثانية
هذا هو الجزء الأكبر من المحتوى الذي تم عرضه على الصفحة ضمن إطار العرض. مزيد من المعلومات حول مقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة"LCP
العنصر
Do better web tester page
<h2 id="toppy" style="background-image:url('');">
المرحلة
نسبة سرعة عرض أكبر محتوى مرئي
المدة الزمنية
مدة تحميل أول بايت (TTFB)
4%
570 ملي ث
تأخير التحميل
77%
10,280 ملي ث
وقت التحميل
15%
2,050 ملي ث
تأخير العرض
3%
420 ملي ث
تجنُّب متغيّرات التصميم الكبيرة تم العثور على ٥ عناصر
تساهم عناصر DOM هذه أكثر في متغيّرات التصميم التراكمية (CLS) الخاصة بالصفحة. تعرَّف على كيفية تحسين CLS.CLS
العنصر
المساهمة في متغيّرات التصميم التراكمية (CLS)
Do better web tester page Hi there!
<div>
0.054
body > object#5934a
<object id="5934a">
0.035
body > object#5934b
<object id="5934b">
0.035
touchmove section
<section id="touchmove-section">
0.007
body > img
<img loading="lazy" src="lighthouse-480x318.jpg?iar2" width="120" height="80">
0.004
نجنُّب سلسة المهام الرئيسية الطويلة تم العثور على مهمّتَين طويلتَين
يتم إدراج المهام التي تستغرق وقتًا أطول في سلسلة التعليمات الرئيسية، ما يساعد في تحديد أكثر العوامل التي تسبِّب تأخيرًا في عملية الإدخال. تعرَّف على كيفية تجنُّب المهام التي تستغرق وقتًا طويلاً والمُدرَجة في سلسلة التعليمات الرئيسية.TBT
عنوان URL
وقت البدء
المدة
localhost
الطرف الأول
1,321 ملي ث
/dobetterweb/dbw_tester.html
(localhost)
6,846 ملي ث
1,175 ملي ث
…third_party/aggressive-promise-polyfill.js
(localhost)
8,045 ملي ث
146 ملي ث
تجنُّب الصور المتحركة غير المركّبة تم العثور على عنصر متحرك واحد
يمكن للصور المتحركة غير المركّبة أن تكون بجودة رديئة وأن تزيد متغيّرات التصميم التراكمية (CLS). تعرَّف على كيفية تجنُّب استخدام الصور المتحركة غير المركّبة.CLS
العنصر
الاسم
hi
<div id="animated-boi">
خاصيتا CSS غير المتوافقتَين: margin-left, height
badanim
مزيد من المعلومات حول أداء تطبيقك لا تؤثر هذه الأرقام بشكل مباشر في نتيجة الأداء.
اجتياز عمليات التدقيق بنجاح (20)
عرض إخفاء
استبعاد موارد حظر العرض التوفيرات المحتملة من ٠ مللي ثانية
تحظر الموارد عرض محتوى صفحتك. يمكنك تضمين محتوى JavaScript أو CSS المُهم وتأجيل جميع الأنماط أو محتوى JavaScript غير المُهم. تعرَّف على كيفية إزالة الموارد التي تحظر العرض.FCPLCP
WordPressهناك عدد من مكونات WordPress الإضافية التي يمكنها مساعدتك على تضمين مواد العرض المهمة أو تأجيل موارد أقل أهمية. عليك توخي الحذر من أن التحسينات التي توفرها هذه الإضافات قد توقف ميزات التصميم أو المكونات الإضافية، لذلك ستحتاج على الأرجح إلى إجراء تغييرات في الرمز البرمجي.
عنوان URL
حجم النقل
التوفيرات المحتملة
localhost
الطرف الأول
4.1 KiB
5,140 ملي ث
/dobetterweb/dbw_tester.css?delay=100
(localhost)
0.9 KiB
730 ملي ث
/dobetterweb/unknown404.css?delay=200
(localhost)
0.2 KiB
880 ملي ث
/dobetterweb/dbw_tester.css?delay=2200
(localhost)
0.9 KiB
880 ملي ث
/dobetterweb/dbw_tester.css?delay=3000&capped
(localhost)
0.9 KiB
880 ملي ث
/dobetterweb/dbw_tester.js
(localhost)
1.0 KiB
880 ملي ث
/dobetterweb/fcp-delayer.js?delay=5000
(localhost)
0.2 KiB
880 ملي ث
الصور ذات الحجم المناسب
يمكنك عرض صور بحجم مناسب لحفظ بيانات شبكة الجوّال وتحسين وقت التحميل. تعرَّف على طريقة تحديد حجم الصور.
WordPressيمكنك تحميل الصور مباشرةً من خلال مكتبة الوسائط للتأكّد من توفّر أحجام الصور المطلوبة، ثم إدراجها من مكتبة الوسائط أو استخدام أداة الصورة لضمان استخدام أفضل حجم للصورة (بما في ذلك تلك الخاصة بنقاط فاصلة متجاوبة). يمكنك تجنب استخدام صور Full Size إلا إذا كانت الأبعاد كافية لاستخدامها. مزيد من المعلومات
تأجيل الصور خارج الشاشة
يمكنك استخدام طريقة التحميل الكسول للصور خارج الشاشة والصور المخفية بعد الانتهاء من تحميل جميع الموارد المُهمّة لتقليل وقت التفاعل. تعرَّف على كيفية تأجيل تحميل الصور خارج الشاشة.
WordPressيمكنك تثبيت مكون WordPress الإضافي للتحميل الكسول الذي يوفر القدرة على تأجيل أي صور خارج الشاشة، أو التبديل إلى تصميم يوفِّر هذه القدرة الوظيفية. يمكنك أيضًا استخدام مكون AMP الإضافي.
تصغير CSS
يمكن أن يؤدي تصغير ملفات CSS إلى تقليل أحجام حمولات البيانات على الشبكة. تعرَّف على كيفية تصغير ملفات CSS.FCPLCP
WordPressيمكن لعدد من مكونات WordPress الإضافية زيادة سرعة موقعك الإلكتروني من خلال ربط الأنماط وتصغيرها وضغطها. يمكنك أيضًا استخدام عملية إنشاء الموقع الإلكتروني لإزالة البيانات غير الضرورية بشكل مسبق إذا أمكن ذلك.
الحدّ من محتوى CSS غير المُستخدَم
يمكنك الحدّ من القواعد غير المستخدَمة الواردة في أوراق الأنماط، كما يمكنك تأجيل تحميل محتوى CSS غير المستخدَم في الجزء المرئي من الصفحة لتقليل وحدات البايت التي يستهلكها نشاط الشبكة. تعرَّف على كيفية الحدّ من محتوى CSS غير المستخدَم.FCPLCP
WordPressيمكنك تقليل عدد مكونات WordPress الإضافية التي تُحمِّل خدمة CSS غير المُستخدَمة في صفحتك أو تبديلها. لتحديد المكونات الإضافية التي تضيف CSS دخيلة، يمكنك محاولة تشغيل تغطية الرمز البرمجي في Chrome DevTools. يمكنك تحديد التصميم/المكون الإضافي المسؤول عن عنوان URL لورقة الأنماط. يمكنك البحث عن المكونات الإضافية التي تحتوي على العديد من أوراق الأنماط في القائمة والتي تحتوي على الكثير من اللون الأحمر في تغطية الرمز البرمجي. يجب أن يدرِج المكون الإضافي ورقة أنماط فقط في حال تم استخدامه في الصفحة فعليًا.
ترميز الصور بكفاءة
يتم تحميل الصور المحسَّنة بشكلٍ أسرع وتستهلك كمية أقل من بيانات شبكة الجوّال. تعرَّف على كيفية ترميز الصور بكفاءة.
WordPressيمكنك استخدام مكون WordPress الإضافي لتحسين الصورة الذي يضغط صورك مع المحافظة على الجودة.
الاتصال المسبق للأصول المطلوبة
يمكنك إضافة تعديلات المورد preconnect أو dns-prefetch لإنشاء اتصالات مبكرة بالمصادر المُهمّة التابعة لجهات خارجية. تعرَّف على كيفية الاتصال مسبقًا بالمصادر المطلوبة.FCPLCP
وقت استجابة الخادم الأوّلي قصير استغرق مستند الجذر ٥٧٠ مللي ثانية
يجب إبقاء وقت استجابة الخادم للمستند الرئيسي قصيرًا، حيث تعتمد جميع الطلبات الأخرى على هذا الإجراء. مزيد من المعلومات حول مقياس "وقت وصول أول بايت"FCPLCP
WordPressتساهم التصاميم والمكونات الإضافية ومواصفات الخادم في تحسين وقت استجابة الخادم. يمكنك البحث عن تصميم مُحسّن أكثر و/أو اختيار مكون إضافي للتحسين و/أو ترقية الخادم.
عنوان URL
الوقت المستغرَق
localhost
الطرف الأول
570 ملي ث
/dobetterweb/dbw_tester.html
(localhost)
570 ملي ث
تجنُب عمليات إعادة توجيه الصفحات المتعددة
تؤدي عمليات إعادة التوجيه إلى حدوث تأخيرات إضافية قبل أن يتم تحميل الصفحة. تعرَّف على كيفية تجنُّب عمليات إعادة توجيه الصفحةFCPLCP
التحميل المسبق للطلبات الأساسية
يمكنك استخدام <link rel=preload> لإعطاء أولوية لاسترجاع الموارد المطلوبة حاليًا في وقت لاحق أثناء تحميل الصفحة. تعرَّف على طريقة التحميل المسبَق للطلبات الرئيسية.FCPLCP
استخدام HTTP/2
يوفّر HTTP/2 العديد من المزايا مقارنةً بمزايا HTTP/1.1، بما في ذلك عناوين البرامج الثنائية وعملية مضاعفة توجيه الإشارات. مزيد من المعلومات حول مزايا HTTP/2
عليك إزالة الوحدات المكررة في حِزم JavaScript
يمكنك إزالة وحدات JavaScript الكبيرة المكررة من الحِزم لتقليل وحدات البايت غير الضرورية التي يستهلكها نشاط الشبكة. TBT
التحميل المُسبَق لصورة المقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة"
في حال إضافة المقياس "سرعة عرض أكبر جزء من المحتوى على الصفحة" (LCP) إلى الصفحة بشكل ديناميكي، يجب تحميل الصورة مسبقًا لتحسين مقياس LCP. مزيد من المعلومات حول التحميل المسبق لعناصر LCPLCP
عنوان URL
التوفيرات المحتملة
localhost
الطرف الأول
0 ملي ث
Do better web tester page
<h2 id="toppy" style="background-image:url('');">
/dobetterweb/lighthouse-1024x680.jpg?redirected-lcp
(localhost)
0 ملي ث
تجنُّب الأحمال الضخمة للشبكة كان الحجم الإجمالي ١٬٤٠٤ كيبيبايت.
الحمولات الكبيرة للبيانات على الشبكة تُكلِّف المستخدمين الكثير من الأموال وترتبط إلى حد كبير بأوقات التحميل الطويلة. تعرَّف على طريقة تقليل حمولات البيانات على الشبكة.LCP
WordPressيمكنك عرض مقتطفات في قوائم مشاركاتك (مثلاً عبر العلامة "المزيد")، أو تقليل عدد المشاركات المعروضة في صفحة معينة، أو تقسيم مشاركاتك الطويلة إلى صفحات متعددة، أو استخدام مكون إضافي لتحميل التعليقات ذات التحميل الكسول.
عنوان URL
حجم النقل
localhost
الطرف الأول
1,331.0 KiB
/dobetterweb/lighthouse-rotating.gif
(localhost)
912.6 KiB
…third_party/aggressive-promise-polyfill.js
(localhost)
162.6 KiB
/dobetterweb/lighthouse-1024x680.jpg?redirected-lcp
(localhost)
110.3 KiB
/dobetterweb/lighthouse-480x318.jpg
(localhost)
24.2 KiB
/dobetterweb/lighthouse-480x318.jpg?iar1
(localhost)
24.2 KiB
/dobetterweb/lighthouse-480x318.jpg?iar2
(localhost)
24.2 KiB
/dobetterweb/lighthouse-480x318.jpg?isr1
(localhost)
24.2 KiB
/dobetterweb/lighthouse-480x318.jpg?isr2
(localhost)
24.2 KiB
/dobetterweb/lighthouse-480x318.jpg?isr3
(localhost)
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
تظل جميع النصوص مرئية أثناء تحميل خط موقع إلكتروني
يمكنك الاستفادة من ميزة font-display في CSS لضمان أن يكون النص مرئيًا للمستخدم أثناء تحميل خطوط موقع ويب. مزيد من المعلومات حول font-displayFCPLCP
تقليل استخدام الرموز التابعة لجهات خارجية لقد حظر رمز الجهة الخارجية سلسلة المحادثات الرئيسية لمدة ٠ مللي ثانية
يمكن أن يؤثر الرمز البرمجي التابع لجهة خارجية بشكل كبير في أداء التحميل. يمكنك تحديد عدد مقدِّمي الخدمة المكرّرين والتابعين لجهات خارجية ومحاولة تحميل الرمز البرمجي الخاص بالجهة الخارجية بعد انتهاء تحميل صفحتك بشكل أساسي. تعرَّف على كيفية تقليل تأثير الرموز التابعة للجهات الخارجية.TBT
الجهة الخارجية
حجم النقل
وقت حظر سلسلة المحادثات الأساسية
Google CDN
cdn
30 KiB
0 ملي ث
…2.1.1/jquery.min.js
(ajax.googleapis.com)
30 KiB
0 ملي ث
تحميل الموارد التابعة لجهات خارجية ببطء مع واجهات
بعض الرموز المضمّنة التابعة لجهات خارجية يمكن تحميلها باستخدام طريقة التحميل الكسول. ويمكنك استبدال هذه الرموز المضمّنة بإحدى الواجهات إلى حين الحاجة إليها. تعرَّف على طريقة تأجيل الرموز التابعة لجهات خارجية بإحدى الواجهات.TBT
تم عرض أكبر صورة ظاهرة في الصفحة بسرعة مناسبة
تُعرَض لاحقًا الصور التي تم تحميلها في الجزء المرئي من الصفحة باستخدام طريقة التحميل الكسول، ما يتسبب في تأخير عرض أكبر جزء من المحتوى على الصفحة. مزيد من المعلومات حول طريقة التحميل الكسول المحسَّنةLCP
تضمين علامة <meta name="viewport"> مع width أو initial-scale
لا يساعد إطار العرض <meta name="viewport"> على تحسين تطبيقك ليناسب أحجام شاشات الأجهزة الجوّالة فحسب، بل يمنع أيضًا تأخُّر البيانات التي يدخلها المستخدم بمقدار 300 ملي ثانية. مزيد من المعلومات حول استخدام العلامة الوصفية لإطار العرضTBT
الميزانيات
نوع المورد
الطلبات
حجم النقل
تجاوز الميزانية
الإجمالي
25.0
1,403.5 KiB
١٥ طلبًا
1,303.5 KiB
الصورة
8.0
1,168.3 KiB
٦ طلبات
1,138.3 KiB
النص البرمجي
5.0
193.7 KiB
٣ طلبات
163.7 KiB
غير ذلك
2.0
17.4 KiB
12.4 KiB
الجهة الخارجية
1.0
29.6 KiB
4.6 KiB
المستند
1.0
17.2 KiB
2.2 KiB
ورقة الأنماط
9.0
6.9 KiB
٧ طلبات
1.9 KiB
الوسائط
0.0
0.0 KiB
الخط
0.0
0.0 KiB
المقياس
القياسات
تجاوز الميزانية
Time to Interactive
8,190 ملي ث
5,290 ملي ث
First Meaningful Paint
6,840 ملي ث
4,840 ملي ث
First Contentful Paint
6,840 ملي ث
3,840 ملي ث
الحد الأقصى المحتمل من مهلة الاستجابة لأوّل إدخال
1,180 ملي ث
1,080 ملي ث
تضبط ميزانيات الأداء معايير لأداء موقعك الإلكتروني.
81
إمكانية الوصول
تحدّد عمليات التحقق هذه الفرص التي تتيح تحسين إمكانية الوصول إلى تطبيق الويب. ولا يمكن إجراء رصد تلقائي إلّا لمجموعة فرعية من مشاكل إمكانية الوصول، لذلك يُنصح أيضًا باستخدام الاختبار اليدوي.
الأسماء والتصنيفات
عناصر الصور لا تحتوي على سمات [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;">
عدم احتواء الروابط على اسم مميّز
إنّ نص الرابط، (والنص البديل للصور، عند استخدامه كرابط) الذي يكون مميّزًا وفريدًا وقابلاً للتركيز عليه، يحسِّن تجربة التنقّل لمستخدمي برامج قراءة الشاشة. تعرَّف على كيفية إتاحة الوصول إلى الروابط.
العناصر التي لم تلبِّ الشروط
body > a
<a href="javascript:void(0)" target="_blank">
body > a
<a href="mailto:inbox@email.com" target="_blank">
عناصر <object> لا تحتوي على نص بديل
لا يمكن لبرامج قراءة الشاشة ترجمة المحتوى غير النصي. وتؤدي إضافة نص بديل إلى عناصر <object> إلى مساعدة برامج قراءة الشاشة على إيضاح المعنى للمستخدمين. مزيد من المعلومات حول النص البديل لعناصر object
العناصر التي لم تلبِّ الشروط
body > object#5934a
<object id="5934a">
body > object#5934b
<object id="5934b">
هذه هي فرص لتحسين دلالات عناصر التحكُّم في التطبيق. قد يحسّن ذلك من تجربة مستخدمي التكنولوجيا المساعدة، مثل قارئ الشاشة.
التدويل والأقلمة
العنصر <html> لا يحتوي على سمة [lang]
في حال لم تحدِّد الصفحة سمة lang، يفترض قارئ الشاشة أن تكون الصفحة باللغة التلقائية التي اختارها المستخدم عند إعداد قارئ الشاشة. في حال لم تكن الصفحة باللغة التلقائية، قد لا يشير قارئ الشاشة إلى نص الصفحة بشكل صحيح. مزيد من المعلومات حول السمة lang
العناصر التي لم تلبِّ الشروط
html
<html>
هذه هي فرص لتحسين تفسير المحتوى من خلال المستخدمين بلغات مختلفة.
عناصر إضافية للتحقُّق يدويًا (10)
عرض إخفاء
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.
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 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.
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.
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.
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.
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.
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.
تعالج هذه العناصر المناطق التي يتعذر على أداة الاختبار المبرمجة تغطيتها. تعرّف على مزيد من المعلومات في دليلنا حول مراجعة إمكانية الوصول.
اجتياز عمليات التدقيق بنجاح (18)
عرض إخفاء
سمات [aria-*] هي مطابقة لأدوارها
يوفّر كل role في ARIA مجموعة فرعية محدَّدة من سمات aria-*. يؤدي عدم تطابق هذه الأدوار إلى إلغاء سمات aria-*. تعرَّف على كيفية مطابقة سمات ARIA مع أدوارها.
[aria-hidden="true"] غير وارد في المستند <body>
لا تعمل التكنولوجيا المساعِدة، مثل برامج قراءة الشاشة، بشكل متسق عند ضبط aria-hidden="true" في المستند <body>. تعرّف على مدى تأثير السمة aria-hidden في نص المستند.
[role] تحتوي على جميع سمات [aria-*] المطلوبة
تتطلّب بعض أدوار ARIA تزويد برامج قراءة الشاشة بسمات تصف حالة العنصر. مزيد من المعلومات حول الأدوار والسمات المطلوبة
قيم [role] هي صالحة
يجب أن تحتوي أدوار ARIA على قيم صالحة لتنفيذ وظائف إمكانية الوصول المقصودة. مزيد من المعلومات حول أدوار ARIA الصالحة
سمات [aria-*] تحتوي على قيم صالحة
لا يمكن للتكنولوجيا المساعِدة، مثل برامج قراءة الشاشة، تفسير سمات ARIA باستخدام قيم غير صالحة. مزيد من المعلومات حول القيم الصالحة لسمات ARIA
سمات [aria-*] هي صالحة وليس بها أخطاء إملائية
لا يمكن للتكنولوجيا المساعِدة، مثل برامج قراءة الشاشة، تفسير سمات ARIA بأسماء غير صالحة. مزيد من المعلومات حول سمات ARIA الصالحة
احتواء الأزرار على اسم الوصول
عند عدم ظهور اسم أحد الأزرار على واجهة المستخدم، تشير برامج قراءة الشاشة إليه باسم "زر"، ما يجعله غير قابل للاستخدام بالنسبة إلى المستخدمين الذين يعتمدون على برامج قراءة الشاشة. تعرَّف على كيفية تسهيل استخدام الأزرار.
أرقام تعريف ARIA فريدة
يجب أن تكون قيمة رقم تعريف ARIA فريدة حتى لا تتجاهل التكنولوجيا المساعِدة الأمثلة الأخرى. تعرَّف على كيفية حلّ مشكلة أرقام تعريف ARIA المكرَّرة.
[user-scalable="no"] غير مستخدم في العنصر <meta name="viewport"> والسمة [maximum-scale] لا تقلّ عن 5.
يسبّب إيقاف ميزة التكبير أو التصغير مشكلة للمستخدمين الذين يعانون من ضعف في النظر ويعتمدون على ميزة تكبير الشاشة لرؤية محتوى صفحة الويب على نحوٍ أفضل. مزيد من المعلومات حول العلامة الوصفية لإطار العرض
<td> elements in a large <table> have one or more table headers.
Screen readers have features to make navigating tables easier. Ensuring that <td> elements in a large table (3 or more cells in width and height) have an associated table header may improve the experience for screen reader users. Learn more about table headers.
Elements with role="dialog" or role="alertdialog" have accessible names.
ARIA dialog elements without accessible names may prevent screen readers users from discerning the purpose of these elements. Learn how to make ARIA dialog elements more accessible.
Elements with the role=text attribute do not have focusable descendents.
Adding role=text around a text node split by markup enables VoiceOver to treat it as one phrase, but the element's focusable descendents will not be announced. Learn more about the role=text attribute.
تمييز الخلفية والألوان الخلفية بنسبة تباين كافية
إنّ عملية قراءة النص المنخفض التباين تُعد صعبة أو مستحيلة بالنسبة إلى العديد من المستخدمين. تعرَّف على كيفية توفير نص بألوان متباينة بشكلٍ كافٍ.
المستند يحتوي على عنصر <title>
يوفّر العنوان لمستخدمي قارئ الشاشة نظرة عامة حول الصفحة، ويعتمد مستخدمو محرك البحث على هذا بشكل كبير لتحديد ما إذا كانت الصفحة ذات صلة ببحثهم أو لا. مزيد من المعلومات حول عناوين المستندات
Links are distinguishable without relying on color.
Low-contrast text is difficult or impossible for many users to read. Link text that is discernible improves the experience for users with low vision. Learn how to make links distinguishable.
Tables use <caption> instead of cells with the [colspan] attribute to indicate a caption.
Screen readers have features to make navigating tables easier. Ensuring that tables use the actual caption element instead of cells with the [colspan] attribute may improve the experience for screen reader users. Learn more about captions.
تظهر العناصر المُعنوَنة بترتيب تنازلي متسلسل
إنّ العناوين المرتّبة بطريقة مناسبة ولا تتخطّى المستويات تنقل البنية الدلالية للصفحة، ما يسهِّل تصفُّحها والتعرّف عليها عند استخدام التكنولوجيا المساعِدة. مزيد من المعلومات حول ترتيب العناوين
<html> element has an [xml:lang] attribute with the same base language as the [lang] attribute.
If the webpage does not specify a consistent language, then the screen reader might not announce the page's text correctly. Learn more about the lang attribute.
غير سارٍ (33)
عرض إخفاء
قيم [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> رئيسي، وذلك لضمان إمكانية قراءة تلك العناصر بشكل صحيح من خلال برامج قراءة الشاشة. تعرَّف على كيفية تنظيم قوائم التعريفات بشكل صحيح.
سمات [id] المتوفّرة في العناصر النشطة والقابلة للتركيز فريدة
يجب أن يتوفر لكل العناصر التي يمكن التركيز عليها id فريدًا لضمان إمكانية وصول التكنولوجيا المساعِدة إليها. تعرَّف على كيفية حلّ مشاكل id المكرّرة.
لا تحتوي الحقول النموذجية على تصنيفات متعددة
إنّ التكنولوجيا المساعِدة، مثل برامج قراءة الشاشة التي تستخدم إمّا التصنيف الأول أو الأخير أو كل التصنيفات، قد تشير عن طريق الخطأ إلى الحقول النموذجية المتعددة التصنيف. تعرَّف على كيفية استخدام تصنيفات النماذج.
عناصر <frame> أو <iframe> تحتوي على عنوان
يعتمد مستخدمو برامج قراءة الشاشة على عناوين الإطارات لوصف محتوى الإطارات. مزيد من المعلومات حول عناوين الإطارات
عنصر <html> يحتوي على قيمة صحيحة لسمة [lang]
يؤدي تحديد لغة BCP 47 صحيحة إلى مساعدة برامج قراءة الشاشة على الإشارة إلى النص بشكلٍ صحيح. تعرَّف على كيفية استخدام السمة lang.
Input buttons have discernible text.
Adding discernable and accessible text to input buttons may help screen reader users understand the purpose of the input button. Learn more about input buttons.
عناصر <input type="image"> تحتوي على نص [alt]
عند استخدام صورة كزر <input>، يمكن أن يساعد توفير نص بديل مستخدمي قارئ الشاشة على فهم الغرض من الزر. مزيد من المعلومات حول إدخال نص بديل للصورة
القوائم تحتوي على عناصر <li> وعناصر دعم النص البرمجي (<script> و<template>) فقط.
تعتمد برامج قراءة الشاشة على طريقة محدَّدة للإشارة إلى القوائم. يؤدّي ضمان بنية القائمة المناسبة إلى المساعدة على الاستماع إلى قارئ الشاشة. مزيد من المعلومات حول بنية القائمة المناسبة
عناصر القائمة (<li>) مُدرَجة ضِمن العناصر الرئيسية <ul> أو <ol> أو <menu>
تتطلّب برامج قراءة الشاشة عناصر قائمة (<li>) يجب إدراجها ضِمن العنصر الرئيسي <ul> أو <ol> أو <menu> لتتم الإشارة إليها بشكلٍ صحيح. مزيد من المعلومات حول بنية القائمة المناسبة
المستند لا يستخدم <meta http-equiv="refresh">
لا يتوقع المستخدمون إعادة تحميل الصفحة تلقائيًا. وإذا تمت إعادة التحميل تلقائيًا، سيتحوّل تركيز المستخدمين إلى أعلى الصفحة. وقد ينشأ عن ذلك تجربة استخدام محبطة ومربكة. مزيد من المعلومات حول العلامة الوصفية لإعادة التحميل
Select elements have associated label elements.
Form elements without effective labels can create frustrating experiences for screen reader users. Learn more about the select element.
لا يتوفّر عنصر له قيمة [tabindex] أكبر من 0
تشير القيمة الأكبر من 0 إلى تقديم طلب صريح للتنقّل. على الرغم من صحة ذلك تقنيًّا، غالبًا ما يؤدي إلى إنشاء تجارب محبطة للمستخدمين الذين يعتمدون على التكنولوجيا المساعدة. مزيد من المعلومات حول السمة tabindex
إنّ الخلايا الواردة في <table> والتي تستخدم السمة [headers] تشير إلى الخلايا في الجدول نفسه.
تحتوي برامج قراءة الشاشة على ميزات لتسهيل التنقّل بين الجداول. يمكن تحسين تجربة استخدام برامج قراءة الشاشة من خلال ضمان إشارة الخلايا <td> التي تستخدم السمة [headers] إلى خلايا أخرى في الجدول نفسه فقط. مزيد من المعلومات حول السمة headers
عناصر <th> وعناصر [role="columnheader"/"rowheader"] تحتوي على خلايا البيانات التي يتم وصفها
تحتوي برامج قراءة الشاشة على ميزات لتسهيل التنقّل بين الجداول. ويمكن تحسين تجربة استخدام برامج قراءة الشاشة من خلال الحرص على أن تشير عناوين الجداول دائمًا إلى بعض مجموعات الخلايا. مزيد من المعلومات حول عناوين الجداول
سمات [lang] تحتوي على قيمة صالحة
يؤدي تحديد لغة BCP 47 صحيحة في العناصر إلى مساعدة قارئ الشاشة على قراءة النص بشكلٍ صحيح. تعرَّف على كيفية استخدام السمة lang.
عناصر <video> تحتوي على عنصر <track> مع [kind="captions"]
عندما يقدِّم الفيديو ترجمة وشرحًا، يَسهُل على المستخدمين الصُم والذين يعانون من مشاكل في السمع فهم مضمونه. مزيد من المعلومات حول تقديم الترجمة والشرح على الفيديو
All heading elements contain content.
A heading with no content or inaccessible text prevent screen reader users from accessing information on the page's structure. Learn more about headings.
Identical links have the same purpose.
Links with the same destination should have the same description, to help users understand the link's purpose and decide whether to follow it. Learn more about identical links.
Document has a main landmark.
One main landmark helps screen reader users navigate a web page. Learn more about landmarks.
Touch targets have sufficient size and spacing.
Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls activate the targets. Learn more about touch targets.
33
أفضل الممارسات
الثقة والأمان
لا يتم استخدام HTTPS تم العثور على طلب غير آمن واحد
يجب حماية جميع المواقع الإلكترونية باستخدام HTTPS، حتى تلك المواقع التي لا تتعامل مع البيانات الحسّاسة. تتضمّن هذه الحماية تجنُّب المحتوى المختلَط حيث يتم تحميل بعض الموارد على HTTP على الرغم من عرض الطلب الأوّلي على HTTPS. ويمنع HTTPS الدخلاء من العبث بالاتصالات بين تطبيقك والمستخدمين أو التنصّت عليها، وهو شرط مُسبَق لبروتوكول HTTP/2 والعديد من واجهات برمجة التطبيقات الجديدة للأنظمة الأساسية على الويب. مزيد من المعلومات حول HTTPS
عنوان URL غير آمن
معالجة الطلبات
Google CDN
cdn
…2.1.1/jquery.min.js
(ajax.googleapis.com)
مسموح به
يتم طلب إذن رصد الموقع الجغرافي عند تحميل الصفحة
لا يثق المستخدمون في المواقع الإلكترونية التي تطلب مواقعهم الجغرافية بدون سياق أو قد يؤدي ذلك إلى إرباكهم. يمكنك ربط الطلب بإجراء المستخدم بدلاً من ذلك. مزيد من المعلومات حول إذن رصد الموقع الجغرافي
المصدر
localhost
الطرف الأول
/dobetterweb/dbw_tester.html:341:24
(localhost)
/dobetterweb/dbw_tester.html:345:40
(localhost)
يتم طلب إذن الإشعار عند تحميل الصفحة
لا يثق المستخدمون في المواقع الإلكترونية التي تطلب إرسال الإشعارات بدون سياق أو قد يؤدي ذلك إلى إرباكهم. يمكنك ربط الطلب بإيماءات المستخدم بدلاً من ذلك. مزيد من المعلومات حول الحصول على إذن بشأن الإشعارات بشكلٍ مسؤول
المصدر
localhost
الطرف الأول
/dobetterweb/dbw_tester.html:351:15
(localhost)
التأكُّد من فاعلية سياسة CSP ضد هجمات XSS
تقلِّل سياسة أمان المحتوى (CSP) القوية بشكل كبير من خطر الهجمات التي تستخدم النصوص البرمجية على المواقع الإلكترونية (XSS). تعرَّف على كيفية استخدام سياسة أمان المحتوى لمنع الهجمات التي تستخدم النصوص البرمجية على المواقع الإلكترونية (XSS).
الوصف
أمر توجيهي
درجة الخطورة
لم يتم العثور على سياسة CSP في وضع "التنفيذ".
مرتفع
انطباع المستخدم
يتم منع المستخدمين من اللصق في حقول الإدخال
منع لصق الإدخال هو إجراء سيء في ما يتعلّق بتجربة المُستخدِم، ويؤدي إلى تقليل مستوى الأمان من خلال حظر خدمات إدارة كلمات المرور.تعرَّف على مزيد من المعلومات حول حقول الإدخال السهلة الاستخدام.
العناصر التي لم تلبِّ الشروط
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">
/dobetterweb/lighthouse-1024x680.jpg?iar1
(localhost)
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;">
/dobetterweb/lighthouse-480x318.jpg?isr1
(localhost)
400 x 360 (1.11)
480 x 318 (1.51)
عام
يتم استخدام أدوات معالجة حدث unload
لا يعمل حدث unload بفاعلية ويمكن أن تؤدي معالجته إلى عدم تنفيذ عمليات تحسين المتصفّح، مثل عملية "التخزين المؤقت للصفحات". وبدلاً من هذا الحدث، يمكنك استخدام pagehide أو visibilitychange. مزيد من المعلومات حول إلغاء تحميل أدوات معالجة الأحداث
المصدر
localhost
الطرف الأول
/dobetterweb/dbw_tester.html:396:36
(localhost)
يتم استخدام واجهات برمجة التطبيقات المتوقفة تم العثور على تحذيرين (٢)
ستتم في النهاية إزالة واجهات برمجة التطبيقات المتوقِّفة نهائيًا من المتصفِّح. مزيد من المعلومات حول واجهات برمجة التطبيقات التي تم إيقافها نهائيًا
إيقاف / تحذير
المصدر
localhost
الطرف الأول
'window.webkitStorageInfo' is deprecated. Please use 'navigator.webkitTemporaryStorage' or 'navigator.webkitPersistentStorage' instead.
/dobetterweb/dbw_tester.js:14:9
(localhost)
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/.
/dobetterweb/dbw_tester.html:370:6
(localhost)
تم تسجيل أخطاء المتصفح في وحدة التحكّم
تشير الأخطاء التي تم تسجيلها في وحدة التحكّم إلى مشاكل لم يتم حلها. قد تنتج هذه المشاكل بسبب إخفاقات في طلبات الشبكة ومشاكل أخرى تتعلق بالمتصفِّح. مزيد من المعلومات حول عملية التدقيق في بيانات التشخيص
المصدر
الوصف
localhost
الطرف الأول
/dobetterweb/dbw_tester.html:56:53
(localhost)
Error: A distinctive error
    at http://localhost:10200/dobetterweb/dbw_tester.html:56:54
/dobetterweb/dbw_tester.html:59:37
(localhost)
Error: An ignored error
    at http://localhost:10200/dobetterweb/dbw_tester.html:59:38
/dobetterweb/dbw_tester.html:484:10
(localhost)
Error! Error!
/dobetterweb/unknown404.css?delay=200:1:0
(localhost)
Failed to load resource: the server responded with a status of 404 (Not Found)
/dobetterweb/fcp-delayer.js?delay=5000:1:0
(localhost)
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)
/dobetterweb/unknown404.css?delay=200:1:0
(localhost)
Failed to load resource: the server responded with a status of 404 (Not Found)
مكتبات JavaScript التي تم رصدها
تم رصد جميع مكتبات JavaScript للواجهة الأمامية على الصفحة. مزيد من المعلومات حول التدقيق في بيانات التشخيص لرصد مكتبة JavaScript هذه
الاسم
الإصدار
jQuery
2.1.1
WordPress
اجتياز عمليات التدقيق بنجاح (5)
عرض إخفاء
يتم عرض الصور بدقة مناسبة
يجب أن تكون الأبعاد الطبيعية للصورة متناسبة مع حجم العرض ونسبة وحدة البكسل لزيادة وضوح الصورة إلى أقصى حد. تعرَّف على كيفية تقديم صور سريعة الاستجابة.
الصفحة تحتوي على HTML DOCTYPE
يؤدي تحديد doctype إلى منع المتصفِّح من التبديل إلى وضع Quirks. مزيد من المعلومات حول بيان DOCTYPE
تحديد ترميز الأحرف بشكلٍ صحيح
يجب تعريف ترميز الأحرف. ويمكن إجراء ذلك باستخدام علامة <meta> في أول 1024 وحدة بايت من عنوان HTML أو في عنوان استجابة HTTP لنوع المحتوى. مزيد من المعلومات حول تعريف ترميز الأحرف
ما مِن مشاكل في لوحة Issues ضِمن "أدوات مطوري البرامج في Chrome"
تشير المشاكل التي تم تسجيلها في لوحة Issues ضِمن "أدوات مطوري البرامج في Chrome" إلى وجود مشاكل لم يتم حلها. قد تنتج هذه المشاكل بسبب إخفاقات في طلبات الشبكة وعدم توفّر عناصر كافية للتحكّم في الأمان ومشاكل أخرى تتعلق بالمتصفِّح. للاطّلاع على مزيد من التفاصيل عن كل مشكلة، يمكنك الانتقال إلى لوحة Issues (لوحة "المشاكل") ضِمن "أدوات مطوري البرامج في Chrome".
تحتوي الصفحة على خرائط مصدر صالحة
تحوِّل خرائط المصدر الرمز المصغَّر إلى رمز المصدر الأصلي. ويساعد هذا الإجراء المطوّرين على تصحيح الأخطاء في مرحلة الإنتاج. ويمكن لأداة Lighthouse أيضًا أن توفّر معلومات إضافية. ننصحك بنشر خرائط المصدر للاستفادة من هذه المزايا. مزيد من المعلومات حول خرائط المصدر
غير سارٍ (1)
عرض إخفاء
تم تحميل الخطوط التي استخدمت font-display: optional مُسبَقًا
يجب تحميل الخطوط optional بشكل مسبق حتى يتسنى للزوار الجدد استخدامها. مزيد من المعلومات عن التحميل المسبَق للخطوط
67
تحسين محركات البحث
تضمن عمليات التحقّق هذه اتّباع صفحتك للنصائح الأساسية الخاصة بتحسين محركات البحث. هناك العديد من العوامل الإضافية التي تتسبب في عدم تحقيق أداة 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">
للظهور في نتائج البحث، تحتاج برامج الزحف إلى الوصول إلى تطبيقك.
متوافق مع الجوّال
لم يتم تحديد حجم أهداف النقر بشكل مناسب تم تحديد حجم ٠٪؜ لأهداف النقر بشكلٍ مناسب
يجب أن تكون العناصر التفاعلية، مثل الأزرار والروابط، كبيرة بشكلٍ كافٍ (48 × 48 بكسل) أو أن تحيط بها مساحة كافية ليكون من السهل النقر عليها بدون النقر على أي عناصر أخرى. مزيد من المعلومات حول العناصر التي يمكن التفاعل معها عند النقر
هدف النقر
الحجم
استهداف متداخِل
Do something
<button class="small-button">
200x21
Do something else
<button class="small-button">
احرص على أن تكون صفحاتك متوافقة مع الأجهزة الجوّالة كي لا يحتاج المستخدمون إلى تصغير أو تكبير الشاشة بإصبعين من أجل الاطّلاع على صفحات المحتوى. تعرَّف على كيفية جعل الصفحات متوافقة مع الأجهزة الجوّالة.
عناصر إضافية للتحقُّق يدويًا (1)
عرض إخفاء
البيانات المنظَّمة صالحة
يمكنك تشغيل أداة اختبار البيانات المنظَّمة وأداة Structured Data Linter للتحقّق من البيانات المنظَّمة. مزيد من المعلومات حول البيانات المنظَّمة
تشغيل أدوات التحقُّق الإضافية هذه على موقعك الإلكتروني للتحقُّق من أفضل ممارسات تحسين محركات البحث الإضافية.
اجتياز عمليات التدقيق بنجاح (8)
عرض إخفاء
تضمين علامة <meta name="viewport"> مع width أو initial-scale
لا يساعد إطار العرض <meta name="viewport"> على تحسين تطبيقك ليناسب أحجام شاشات الأجهزة الجوّالة فحسب، بل يمنع أيضًا تأخُّر البيانات التي يدخلها المستخدم بمقدار 300 ملي ثانية. مزيد من المعلومات حول استخدام العلامة الوصفية لإطار العرضTBT
المستند يحتوي على عنصر <title>
يوفّر العنوان لمستخدمي قارئ الشاشة نظرة عامة حول الصفحة، ويعتمد مستخدمو محرك البحث على هذا بشكل كبير لتحديد ما إذا كانت الصفحة ذات صلة ببحثهم أو لا. مزيد من المعلومات حول عناوين المستندات
تحتوي الصفحة على رمز حالة HTTP صالح
قد لا يتم إجراء الفهرسة بشكلٍ صحيح للصفحات التي تتضمّن رموز حالة HTTP غير صالحة. مزيد من المعلومات حول رموز حالة HTTP
تحتوي الروابط على نص وصفي
يساعد نص الرابط الوصفي محركات البحث على فهم المحتوى. تعرَّف على كيفية تسهيل الوصول إلى الروابط.
الصفحة ليست محظورة من الفهرسة
يتعذّر على محركات البحث تضمين صفحاتك في نتائج البحث في حال عدم حصولها على إذن للزحف إلى هذه الصفحات. مزيد من المعلومات حول توجيهات الزاحف
المستند يحتوي على سمة hreflang صالحة
توضّح روابط hreflang لمحركات البحث إصدار الصفحة الذي يجب إدراجه في نتائج البحث للغة أو منطقة معيّنة. مزيد من المعلومات حول hreflang
يستخدم المستند أحجام الخط القابلة للقراءة نص ١٠٠٪؜ قابل للقراءة
تكون أحجام الخطوط الأقل من 12 بكسل صغيرة جدًا بحيث لا يمكن قراءتها بسهولة وتتطلب من مستخدمي الأجهزة الجوّالة "استخدام الإصبعين للتكبير" من أجل قراءتها. يُرجى بذل قصارى جهدك لضبط الخطوط في أكثر من ‏60% من نص الصفحة على حجم أكبر من أو يساوي 12 بكسل. مزيد من المعلومات حول أحجام الخطوط القابلة للقراءة
المصدر
أداة الاختيار
% من نص الصفحة
حجم الخط
نص قابل للقراءة
100.00%
≥ 12px
 
 
  
   يتجنّب المستند المكونات الإضافية   
     
 
  
لا يمكن لمحركات البحث فهرسة محتوى مكوِّن إضافي، وتحظر العديد من الأجهزة استخدام المكوِّنات الإضافية أو لا تتوافق معها. مزيد من المعلومات حول تجنُّب استخدام المكوِّنات الإضافية
 
 
 
 
  
  
 
 غير سارٍ (2)   
 
 عرض إخفاء 
 
  
 
  
   ملف "robots.txt" صالح   
     
 
  
في حال كان ملف robots.txt مكتوبًا بصيغة غير صحيحة، يمكن أن يتعذّر على برامج الزحف فهم الطريقة المطلوبة للزحف إلى موقعك الإلكتروني أو فهرسته. مزيد من المعلومات حول ملف robots.txt
 
 
 
 
  
   المستند يحتوي على سمة rel=canonical صالحة   
     
 
  
تقترح الروابط الأساسية عنوان URL للعرض في نتائج البحث. مزيد من المعلومات حول الروابط الأساسية
 
 
 
 
 
                                  
PWA
 
 
تتحقَّق عمليات التحقُّق هذه من جوانب تطبيق الويب التقدّمي. تعرَّف على العوامل التي تساهم في إنشاء تطبيق ويب تقدّمي جيد.
 
القسم القابل للتثبيت
 
  
   عدم استيفاء ملف بيان تطبيق الويب أو مشغّل الخدمات لمتطلبات التثبيت سبب واحد  
     
 
  
مشغّل الخدمات هو التكنولوجيا التي تمكّن تطبيقك من استخدام ميزات عديدة في "تطبيق الويب التقدّمي"، مثل الاستجابة عند عدم الاتصال بالإنترنت والإضافة إلى الشاشة الرئيسية والإشعارات الفورية. من خلال مشغّل الخدمات المناسب وعمليات تنفيذ ملفات البيان، يمكن للمتصفِّحات أن تطلب من المستخدمين بشكل مسبَق إضافة تطبيقك إلى الشاشة الرئيسية، ويمكن بذلك زيادة التفاعل. مزيد من المعلومات حول متطلبات تثبيت البيان
 
 
سبب الإخفاق
لا تتضمّن الصفحة عنوان URL <link> لملف البيان.
 
تحسين PWA
 
  
   عدم تسجيل مشغّل الخدمات الذي يتحكّم في صفحة وstart_url   
     
 
  
مشغّل الخدمات هو التكنولوجيا التي تمكّن تطبيقك من استخدام ميزات عديدة في "تطبيق الويب التقدّمي"، مثل الاستجابة عند عدم الاتصال بالإنترنت والإضافة إلى الشاشة الرئيسية والإشعارات الفورية. مزيد من المعلومات حول مشغِّلات الخدمات
 
 
 
 
  
   عدم الضبط لشاشة بداية مخصّصة
Failures: No manifest was fetched.
   
     
 
  
تضمن شاشة البداية المميَّزة توفير تجربة عالية الجودة عند تشغيل المستخدمين لتطبيقك من الشاشات الرئيسية. مزيد من المعلومات حول شاشات البداية
 
 
 
 
  
   عدم ضبط لون تصميم لشريط العناوين
Failures: No manifest was fetched,
No `<meta name="theme-color">` tag found.
   
     
 
  
يمكن تصميم ألوان شريط العناوين للمتصفِّح بما يتطابق مع موقعك الإلكتروني. مزيد من المعلومات حول تصميم ألوان شريط العناوين
 
 
 
 
  
   تحديد حجم المحتوى بشكلٍ صحيح لإطار العرض   
     
 
  
إذا كان عرض محتوى التطبيق لا يتطابق مع عرض إطار العرض، قد لا يتم تحسين تطبيقك ليتوافق مع شاشات الأجهزة الجوّالة. تعرّف على كيفية تحديد حجم المحتوى بما يتناسب مع إطار العرض.
 
 
 
 
  
   تضمين علامة <meta name="viewport"> مع width أو initial-scale   
     
 
  
لا يساعد إطار العرض <meta name="viewport"> على تحسين تطبيقك ليناسب أحجام شاشات الأجهزة الجوّالة فحسب، بل يمنع أيضًا تأخُّر البيانات التي يدخلها المستخدم بمقدار 300 ملي ثانية. مزيد من المعلومات حول استخدام العلامة الوصفية لإطار العرضTBT
 
 
 
 
  
   البيان لا يحتوي على رمز قابل للإخفاء
No manifest was fetched
   
     
 
  
يضمن الرمز التكيُّفي تعبئة الصورة للشكل بالكامل بدون أن تصبح مُعدَّة للعرض على شاشة عريضة أفقيًا أثناء تثبيت التطبيق على أحد الأجهزة. مزيد من المعلومات حول رموز البيانات التكيُّفية
 
 
 
  
  
 
 عناصر إضافية للتحقُّق يدويًا (3)   
 
 عرض إخفاء 
 
  
 
  
   الموقع الإلكتروني يعمل عبر المتصفح   
     
 
  
للوصول إلى أكبر عدد من المستخدمين، يجب إتاحة استخدام المواقع الإلكترونية على كل متصفِّح رئيسي. تعرَّف على كيفية توافق المواقع الإلكترونية مع جميع المتصفِّحات.
 
 
 
 
  
   عمليات نقل الصفحة لا تبدو أنها محظورة على الشبكة   
     
 
  
يجب أن تكون عمليات الانتقال بين الصفحات سريعة، حتى عند استخدام شبكة بطيئة، وذلك لأنّ سرعة استجابة التطبيق تُعدّ من العناصر الأساسية التي يستند إليها المستخدم في تقييم أداء التطبيق. مزيد من المعلومات حول عمليات الانتقال بين الصفحات
 
 
 
 
  
   كل صفحة تحتوي على عنوان URL   
     
 
  
يُرجى التأكّد من إمكانية إنشاء روابط تؤدي إلى الصفحات الفردية من خلال عناوين URL، ويجب أن تكون عناوين URL هذه فريدة لتوفير إمكانية المشاركة على وسائل التواصل الاجتماعي. مزيد من المعلومات عن كيفية توفير روابط لصفحات معيّنة
 
 
 
 يُطلب إجراء عمليات التحقّق هذه من خلال المرجع قائمة التحقق PWA، ولكن لم يتم التحقُّق منها تلقائيًا من خلال Lighthouse. لا تؤثر عمليات التحقق هذه في نتيجتك، ولكن من المهم أنك تتحقق منها يدويًا.