Progresif Geliştirme, sitenizin mümkün olan en geniş kitle için erişilebilir olmasını sağlayan bir web geliştirme stratejisidir. Temel ilke, temel içerik ve sayfa işlevselliğinin yalnızca en temel web teknolojilerine dayanmasıdır. CSS kullanarak gelişmiş stil oluşturma veya JavaScript kullanarak etkileşim gibi gelişmiş deneyimler, bu teknolojileri destekleyen tarayıcılar için üst katman olarak eklenebilir. Ancak, temel içerik ve sayfa işlevleri CSS'ye veya JavaScript'e bağlı olmamalıdır.
Lighthouse yedek içerik denetimi nasıl başarısız olur?
Lighthouse, JavaScript kullanılamadığında bazı içerik barındırmayan sayfaları işaretler:
Lighthouse, sayfadaki JavaScript'i devre dışı bırakır ve ardından sayfanın HTML'sini inceler. HTML boşsa denetim başarısız olur.
Sayfanızın JavaScript olmadan içeriğe sahip olmasını nasıl sağlarsınız?
Progresif geliştirme, kapsamlı ve tartışmalı bir konudur. Kamplardan biri, progresif geliştirme stratejisine bağlı kalmak için sayfaların, temel içerik ve sayfa işlevselliğinin yalnızca HTML gerektireceği şekilde katmanlar halinde yerleştirilmesi gerektiğini söylüyor. Bu yaklaşımın bir örneği için Smashing Magazine'in Progresif İlerleme: Nedir ve Nasıl Kullanılır? başlıklı yazısına bakın.
Başka bir araştırma ekibi, bu katı yaklaşımın birçok modern, büyük ölçekli web uygulaması için uygulanabilir olmadığına veya gereksiz olduğuna inanmakta ve kesinlikle kritik sayfa stilleri için <head> dokümanındaki satır içi kritik yol CSS'sinin kullanılmasını öneriyor.
Bu noktalar göz önünde bulundurulduğunda, bu Lighthouse denetimi JavaScript devre dışı bırakıldığında sayfanızın boş olmadığından emin olmak için basit bir kontrol gerçekleştirir. Uygulamanızın progresif geliştirmeyi ne kadar katı bir tutum sergilediği bir tartışma konusu olmakla birlikte, içerik kullanıcıya, sayfayı kullanmak için JavaScript'in gerektiğini belirten bir uyarı olsa bile, JavaScript devre dışı bırakıldığında tüm sayfaların en azından bazı bilgileri görüntülemesi gerektiği konusunda yaygın bir mutabakat bulunmaktadır.
Mutlaka JavaScript'e dayalı olması gereken sayfalarda, kullanıcıyı sayfa için JavaScript'in gerekli olduğu konusunda uyarmak üzere bir <noscript> öğesi kullanmaktır. Bu, boş bir sayfadan daha iyidir, çünkü boş sayfa kullanıcıları sayfayla mı, tarayıcılarıyla mı, yoksa bilgisayarlarıyla mı ilgili bir sorun olduğundan emin değildir.
JavaScript devre dışı bırakıldığında sitenizin nasıl görüneceğini ve performans gösterdiğini öğrenmek için Chrome Geliştirici Araçları'nın JavaScript'i devre dışı bırak özelliğini kullanın.