التحسين التدريجي هي استراتيجية لتطوير الويب تضمن إمكانية وصول أكبر عدد ممكن من الجمهور إلى موقعك الإلكتروني. المبدأ الأساسي هو أنّ المحتوى الأساسي ووظائف الصفحة يجب أن يعتمدا فقط على تقنيات الويب الأساسية يمكن إضافة التجارب المحسّنة، مثل التصميم المتطور باستخدام CSS أو التفاعل باستخدام JavaScript، إلى طبقات أعلى للمتصفّحات التي تتوافق مع تلك التقنيات. ولكن يجب ألّا يعتمد المحتوى الأساسي ووظائف الصفحة على CSS أو JavaScript.
كيف يتعذّر تدقيق المحتوى الاحتياطي في Lighthouse
تُبلغ أداة Lighthouse عن الصفحات التي لا تتضمّن بعض المحتوى عندما تكون لغة JavaScript غير متوفّرة:
توقِف أداة Lighthouse لغة JavaScript على الصفحة، ثم تفحص ترميز HTML للصفحة. إذا كانت HTML فارغة، فسيفشل التدقيق.
كيفية التأكّد من أنّ صفحتك تتضمّن محتوى بدون JavaScript
يُعد التحسين التدريجي موضوعًا كبيرًا ومثيرًا للجدل. وفقًا لأحد المعسكرات، من أجل الالتزام باستراتيجية التحسين التدريجي، يجب تقسيم الصفحات بحيث لا يتطلب المحتوى الأساسي ووظائف الصفحة سوى ترميز HTML فقط. راجِع مقالة Smashing Magazine بعنوان التحسينات المتدرّجة: ما هي، وكيفية استخدامها للاطّلاع على مثال على هذا الأسلوب.
يرى معسكر آخر أنّ هذا النهج الصارم غير ممكن أو غير ضروري للعديد من تطبيقات الويب الحديثة والواسعة النطاق، ويقترح استخدام CSS للمسار الحرج المضمّن في المستند <head> لأنماط الصفحة الضرورية للغاية.
استنادًا إلى هذه الاعتبارات، يُجري تدقيق Lighthouse هذا عملية فحص بسيطة للتأكّد من أنّ صفحتك ليست فارغة عند إيقاف JavaScript. نناقش مدى صرامة التزام تطبيقك بالتحسين التدريجي، ولكن هناك اتفاقًا واسع النطاق على أن تعرض جميع الصفحات بعض المعلومات على الأقل عند إيقاف JavaScript، حتى ولو كان المحتوى مجرد تنبيه للمستخدم يفيد بأنّ لغة JavaScript مطلوبة لاستخدام الصفحة.
بالنسبة إلى الصفحات التي لا بد من اعتمادها على JavaScript، تتمثل إحدى الأساليب في استخدام عنصر
<noscript>
لتنبيه المستخدم بأنّ JavaScript مطلوبة للصفحة. وهذا أفضل من استخدام صفحة فارغة لأنّ الصفحة الفارغة تجعل المستخدمين غير متأكدين مما إذا كانت هناك مشكلة في الصفحة أو في المتصفّحات أو أجهزة الكمبيوتر.
للاطّلاع على شكل موقعك الإلكتروني ومستوى أدائه عند إيقاف JavaScript، استخدِم ميزة إيقاف JavaScript في "أدوات مطوري البرامج في Chrome".