ارتقای پیشرو یک استراتژی توسعه وب است که تضمین می کند که سایت شما برای بزرگترین مخاطبان ممکن در دسترس باشد. اصل اصلی این است که محتوا و عملکرد صفحه باید تنها بر اساسی ترین فناوری های وب متکی باشد. تجارب پیشرفته، مانند یک ظاهر طراحی پیچیده با استفاده از CSS یا تعامل با استفاده از جاوا اسکریپت، می‌تواند برای مرورگرهایی که از آن فناوری‌ها پشتیبانی می‌کنند، لایه‌بندی شود. اما محتوای اصلی و عملکرد صفحه نباید به CSS یا جاوا اسکریپت متکی باشد.
چگونه ممیزی محتوای بازگشتی Lighthouse شکست می خورد
وقتی جاوا اسکریپت در دسترس نیست، Lighthouse صفحاتی را که حاوی محتوایی نیستند، پرچم گذاری می کند:
Lighthouse جاوا اسکریپت را در صفحه غیرفعال می کند و سپس HTML صفحه را بررسی می کند. اگر HTML خالی باشد، ممیزی با شکست مواجه می شود.
چگونه مطمئن شویم صفحه شما دارای محتوای بدون جاوا اسکریپت است
ارتقای پیشرو یک موضوع بزرگ و بحث برانگیز است. یکی از اردوگاه‌ها می‌گوید که برای رعایت استراتژی بهبود تدریجی، صفحات باید لایه‌بندی شوند تا محتوای اصلی و عملکرد صفحه فقط به HTML نیاز داشته باشد. برای نمونه ای از این رویکرد ، به ارتقای پیشرونده مجله Smashing: چیست و چگونه از آن استفاده کنید، ببینید.
اردوگاه دیگری معتقد است که این رویکرد سختگیرانه برای بسیاری از برنامه‌های کاربردی وب مدرن و در مقیاس بزرگ غیرممکن یا غیر ضروری است و پیشنهاد می‌کند از CSS مسیر بحرانی درون خطی در سند <head> برای سبک‌های صفحه کاملاً بحرانی استفاده شود.
با توجه به این ملاحظات، این ممیزی Lighthouse یک بررسی ساده انجام می دهد تا مطمئن شود که صفحه شما در هنگام غیرفعال شدن جاوا اسکریپت خالی نیست. اینکه برنامه شما به شدت به پیشرفت های پیشرونده پایبند است، موضوع بحث است، اما توافق گسترده ای وجود دارد که همه صفحات باید حداقل برخی از اطلاعات را زمانی که جاوا اسکریپت غیرفعال است نمایش دهند، حتی اگر محتوا فقط یک هشدار به کاربر باشد که جاوا اسکریپت برای استفاده از آن لازم است. صفحه
برای صفحاتی که کاملاً باید به جاوا اسکریپت تکیه کنند، یک روش استفاده از عنصر <noscript> برای هشدار به کاربر است که جاوا اسکریپت برای صفحه مورد نیاز است. این بهتر از یک صفحه خالی است، زیرا صفحه خالی باعث می‌شود کاربران در مورد اینکه آیا صفحه، مرورگر یا رایانه‌شان مشکلی دارد یا خیر، مطمئن نیستند.
برای اینکه ببینید وقتی جاوا اسکریپت غیرفعال است ظاهر و عملکرد سایت شما چگونه است، از ویژگی غیرفعال کردن جاوا اسکریپت ابزار توسعه کروم استفاده کنید.
منابع
- کد منبع برای زمانی که جاوا اسکریپت ممیزی در دسترس نیست محتوای بازگشتی را ارائه نمی دهد
- تقویت پیشرونده: چیست و چگونه از آن استفاده کنیم
- مسیر رندر بحرانی
- جاوا اسکریپت را با Chrome DevTools غیرفعال کنید
ارتقای پیشرو یک استراتژی توسعه وب است که تضمین می کند که سایت شما برای بزرگترین مخاطبان ممکن در دسترس باشد. اصل اصلی این است که محتوا و عملکرد صفحه باید تنها بر اساسی ترین فناوری های وب متکی باشد. تجارب پیشرفته، مانند یک ظاهر طراحی پیچیده با استفاده از CSS یا تعامل با استفاده از جاوا اسکریپت، می‌تواند برای مرورگرهایی که از آن فناوری‌ها پشتیبانی می‌کنند، لایه‌بندی شود. اما محتوای اصلی و عملکرد صفحه نباید به CSS یا جاوا اسکریپت متکی باشد.
چگونه ممیزی محتوای بازگشتی Lighthouse شکست می خورد
وقتی جاوا اسکریپت در دسترس نیست، Lighthouse صفحاتی را که حاوی محتوایی نیستند، پرچم گذاری می کند:
Lighthouse جاوا اسکریپت را در صفحه غیرفعال می کند و سپس HTML صفحه را بررسی می کند. اگر HTML خالی باشد، ممیزی با شکست مواجه می شود.
چگونه مطمئن شویم صفحه شما دارای محتوای بدون جاوا اسکریپت است
ارتقای پیشرو یک موضوع بزرگ و بحث برانگیز است. یکی از اردوگاه‌ها می‌گوید که برای رعایت استراتژی بهبود تدریجی، صفحات باید لایه‌بندی شوند تا محتوای اصلی و عملکرد صفحه فقط به HTML نیاز داشته باشد. برای نمونه ای از این رویکرد ، به ارتقای پیشرونده مجله Smashing: چیست و چگونه از آن استفاده کنید، ببینید.
اردوگاه دیگری معتقد است که این رویکرد سختگیرانه برای بسیاری از برنامه‌های کاربردی وب مدرن و در مقیاس بزرگ غیرممکن یا غیر ضروری است و پیشنهاد می‌کند از CSS مسیر بحرانی درون خطی در سند <head> برای سبک‌های صفحه کاملاً بحرانی استفاده شود.
با توجه به این ملاحظات، این ممیزی Lighthouse یک بررسی ساده انجام می دهد تا مطمئن شود که صفحه شما در هنگام غیرفعال شدن جاوا اسکریپت خالی نیست. اینکه برنامه شما به شدت به پیشرفت های پیشرونده پایبند است، موضوع بحث است، اما توافق گسترده ای وجود دارد که همه صفحات باید حداقل برخی از اطلاعات را زمانی که جاوا اسکریپت غیرفعال است نمایش دهند، حتی اگر محتوا فقط یک هشدار به کاربر باشد که جاوا اسکریپت برای استفاده از آن لازم است. صفحه
برای صفحاتی که کاملاً باید به جاوا اسکریپت تکیه کنند، یک روش استفاده از عنصر <noscript> برای هشدار به کاربر است که جاوا اسکریپت برای صفحه مورد نیاز است. این بهتر از یک صفحه خالی است، زیرا صفحه خالی باعث می‌شود کاربران در مورد اینکه آیا صفحه، مرورگر یا رایانه‌شان مشکلی دارد یا خیر، مطمئن نیستند.
برای اینکه ببینید وقتی جاوا اسکریپت غیرفعال است ظاهر و عملکرد سایت شما چگونه است، از ویژگی غیرفعال کردن جاوا اسکریپت ابزار توسعه کروم استفاده کنید.