Tüm tarayıcılarda kusursuz performans.

5 Eylül 2008, Cuma

İnternet kullanıcıları için
Google Chrome
hızlı ve
heyecan verici yeni bir tarayıcıdır.
Web yöneticileri olarak bu durum, ziyaretçilerinizin sitenize erişmek için hangi tarayıcıyı (Firefox, Internet Explorer, Google Chrome, Safari vb.) kullanırsa kullansın, tarayıcı uyumluluğunun genellikle yüksek bir öncelik olduğunu hatırlatan iyi bir örnektir. Siteniz birçok tarayıcıda kötü görünüyorsa veya kullanımı zorsa, ziyaretçilerinizin ilgisini kaybetme ve eğer para kazandıran bir site yönetiyorsanız, belki de müşterilerinizi kaybetme riskiyle karşı karşıya kalırsınız. İşte temel konuları kapsadığınızdan emin olmanız için kısa bir liste:

Erişilebilirliğe odaklanarak tarayıcı uyumluluğunu sağlayın

Sitenizi arama motorları için daha erişilebilir kılan statik HTML gibi teknikler, AJAX gibi süslü özelliklere kıyasla genellikle sitenizin çeşitli tarayıcılarda ve çok sayıda tarayıcı sürümünde uyumluluğuna yardımcı olur. Daha basit HTML, en yeni tekniklere göre genellikle daha kolay bir şekilde çapraz uyumludur.

Kodunuzu doğrulamayı düşünün

Kodunuz
doğrulamadan geçerse,
tarayıcı uyumluluğundaki olası bir sorunu ortadan kaldırmış olursunuz.
Doğrulanmış kod ile,
her tarayıcının hata işleme tekniğine güvenmek zorunda kalmazsınız. Kodunuzun farklı tarayıcılarda çalışma şansı daha yüksektir ve olası sorunları ayıklamak daha kolaydır.

Sadece düzgün görüntülenip görüntülenmediğini değil, kullanılabilirliğini de kontrol edin

Sitenizin iyi görünmesi önemlidir; ancak aynı derecede önemli olan, kullanıcıların sitenizin özelliklerini tarayıcılarında gerçekten kullanabildiklerinden emin olmaktır. Sitenizin sadece bir anlık görüntüsüne bakmak yerine, çeşitli tarayıcılarda sitenizde gezinmeyi veya alışveriş sepetinize ürün eklemeyi deneyin. Bağlantılı bir görselin veya düğmenin tıklanabilir alanının tarayıcıdan tarayıcıya değişmesi mümkündür. Ayrıca, alışveriş sepetiniz gibi bileşenler için JavaScript kullanıyorsanız, bu bir tarayıcıda çalışıp diğerinde çalışmayabilir.

4. Adım: Sorunları giderin

Bu adım biraz deneme yanılma gerektirir, ancak sitenizi tarayıcılar arası uyumlu hale getirirken “denemeleri” azaltmaya yardımcı olacak birkaç iyi kaynak vardır.
Doctype,
tarayıcılar arası uyumluluk için test senaryolarının yanı sıra CSS ipuçları ve püf noktaları içeren açık kaynaklı bir referanstır.

Örneğin, sayfanızdaki bir öğe için ofseti nasıl bulacağınızı merak ettiğinizi varsayalım. Kodunuzun Internet Explorer’da çalıştığını ancak Firefox ve Safari’de çalışmadığını fark ettiniz. Görünüşe göre bazı tarayıcılar ofset bulma konusunda biraz titiz davranıyor; neyse ki Doctype
katkıda bulunanları
sorunu aşmak için kodu sağlıyor.

Tarayıcı uyumluluğu ipuçlarınızı ve kaynaklarınızı paylaşın!

Sitenizin en fazla ziyaretçi için çalıştığından emin olmak adına attığınız adımları duymak isteriz. Bu konuda, karakter kodlaması belirtme gibi konuları tartışan daha
kapsamlı bir Yardım Merkezi makalesi
yazdık. Ek ipuçlarınız varsa lütfen paylaşın. Ayrıca, arama ile ilgili tarayıcı uyumluluğu sorularınız varsa, lütfen sorun!

Yazan: Maile Ohye, Geliştirici Programları Teknik Lideri