مثال على المخرجات التي ينتجها هذا الـ prompt. تأتي بنيتها من المخرجات الفعلية للأدوات؛ أما الأرقام والأسماء فهي وهمية.
مثال على النتيجة (على موقع تجريبي وهمي؛ النشاط التجاري وهمي، أما الدرجات فقد قيست فعليًا على هذا الموقع التجريبي)
تم قياس أربع صفحات من موقع وهمي هو Defne Mali Müşavirlik في Lighthouse ثلاث مرات: كهيكل أولي للحزمة دون تعديل، ثم بعد إضافة المحتوى وschema مع بقاء حزمة CDN الخاصة بالحزمة، ثم بعد اجتياز كل البوابات. أدى استكمال المحتوى إلى إزالة أخطاء seo-check لكنه خفّض أداء الجوال؛ أما المكسب الحقيقي فجاء من طباعة القائمة بشكل ثابت وإزالة كل الطلبات الخارجية.
| الصفحة | الجهاز | قبل (الهيكل الأولي) | في المنتصف (المحتوى، CDN) | بعد |
|---|
| الرئيسية | الجوال | 92 / 93 / 96 / 100 | 73 / 94 / 100 / 100 | 100 / 100 / 100 / 100 |
| الخدمات | الجوال | 94 / 93 / 96 / 100 | 75 / 94 / 100 / 100 | 100 / 100 / 100 / 100 |
| من نحن | الجوال | 92 / 93 / 96 / 100 | 86 / 94 / 100 / 100 | 100 / 100 / 100 / 100 |
| اتصل بنا | الجوال | 93 / 94 / 96 / 100 | 91 / 94 / 100 / 100 | 100 / 100 / 100 / 100 |
| الخدمات | سطح المكتب | 100 / 92 / 96 / 100 | 83 / 93 / 100 / 100 | 100 / 100 / 100 / 100 |
ترتيب الدرجات: الأداء / إمكانية الوصول / أفضل الممارسات / SEO. انخفض LCP على الجوال للصفحة الرئيسية من 2.8 ثانية إلى 1.5 ثانية وCLS من 0.304 إلى 0؛ وانخفض عدد الطلبات من 18 إلى 6، والطلبات الخارجية من 11 إلى 0، ووزن الصفحة من 465 KB إلى 80 KB.
| البوابة | قبل | بعد |
|---|
| seo-check | 22 خطأ، 12 تحذيرًا | 0 أخطاء، 0 تحذيرات |
| design-check | 4 أخطاء | 0 أخطاء، تحذير واحد (بدون حركة، وهو خيار أسلوبي متعمد) |
| html-validate | 8 أخطاء | 0 أخطاء |
| Overflow 360/390/768/1440 | لا يوجد | لا يوجد |
| قائمة AEO | بدون robots أو sitemap أو llms.txt أو schema | كلها موجودة، مع السماح لـ 12 زاحفًا |
أبرز التغييرات:
1. عناوين الأعمدة h4 باللون الرمادي الفاتح في تذييل الحزمة لم تجتز اختبار التباين وترتيب العناوين؛ فحوّلها chrome-stamp.mjs إلى فقرات رمادية داكنة في تذييل ثابت.
2. كانت القائمة تُطبع بواسطة JavaScript، فكانت الصفحة تتحرك بمقدار 0.3 عند التحميل الأول؛ وأوصلت القائمة الثابتة مع قائمة جوال بعنصر <details> قيمة CLS إلى الصفر.
3. أبلغ html-validate عن المسافات في رقم الهاتف الظاهر بوصفها tel-non-breaking؛ وتم إصلاحها باستخدام .
4. بدون favicon كانت وحدة التحكم تعرض خطأ 404؛ فأُضيفت أيقونة favicon محلية بصيغة SVG.
بانتظارك: لم تُقدَّم ساعات العمل ورابط الخريطة، لذلك تُركا خارج schema.