Srcset Nedir ? Srcset Nasıl Kullanılır

Arkadaşlar merhaba,
Özellikle son zamanlarda wordpress son sürümleri ile birlikte wp sitelerde aktif olan ama kimsenin farkında olmadığı srcset konusu üzerine bir araştırma yaptım ve makaleyi yazman istedim.

SRCSET Nedir ?

Aşağıdaki hepimizin resimi çağırmak için kullandığı bir kod, peki şöyle bir şey yapsak nasıl olurdu.

Örneğin bu resmin genişliği 1920×1080 olsa bu resim pc yada laptoplarda açılırken sorunsuz açılacaktır fakat tablet yada küçültelim olayı akıllı telefonlarda açılması biraz daha geç olacak site açılış hızını etkileyecektir. Bu durumda devreye srcset=”” devreye girecek ve ilgili ekran çözünürlüğüne göre bir resim gelecek.

resim

Yukarda srcsetten sonra kullanım şekillerine dikkat edelim lütfen, biraz bu konularla ilgilenen biri mantığını hemen anlayacaktır.

SRCTSET’in SEO’ya Olumlu Etkisi Var mı?

Muhakkak var çünkü siteniz daha hızlı açılacak, şöyleki 1920px genişliğindeki bir resim pcde hızlı açılır ama telefonda o kadar hızlı açılmaz, tabi günümüzde bazı telefonlar bilgisayar gibi neredeyse hızlı olsada internet 4g olmasına rağmen süper ötesi bir performans göremiyoruz. Mesala gtmetrix.com gibi sitelerde normal ölçüsünden büyük resimleri küçülterek göstermişiniz diye uyarıda bulunur yani 1000px genişliğindeki bir resmi style ile 800px çekmişiniz böyle yapmayın 800 kullanın der özetle.

Konu Hakkında Düşünceleriniz .. (Facebook üyeliğinizi kullanmadan aşağıdaki alandan yorum yapabilirsiniz!)

Yorum Yazarken Türkçe Kurallarına Uyarak Yazınız Lütfen!

E-posta hesabınız yayımlanmayacak.