Webplogo

WebP ile Web Sitenizin Hızını Arttırın

2
MuharremTuran

WebP ile Web Sitenizin Hızını Arttırın

WebP Google tarafından web'i daha hızlı hale getirmek ve daha küçük boyutta görüntüler oluşturmak amacı ile geliştirilen görüntü formatıdır. Dosya uzantısı .webp olarak belirlenmiştir. .webp uzantılı görsellere sahip web sitelerini Google Chrome sorunsuz bir şekilde görüntülemektedir. Diğer web tarayıcılar şimdilik WebP eklentisi olamadan bu yeni formatı görüntüleyememektedir. Bu durum sizi WebP'ye geçmekten alıkoymasın. Eğer WordPress bir web siteniz varsa "wp-webp" isimli eklentiyi yükleyerek diğer web tarayıcılarında web sitenizdeki WebP uantılı görüntü dosyalarının açılmasını sağlayabilirsiniz.

Örnek oluşturması amacı ile WebP geçişimiz;

WebP'nin sayfa hızına etkisini göstermek amacı ile web sitemizin ana sayfasında yer alan JPEG ve PNG uzantılı görselleri online converter ile WebP uzantısına çevirdik ve tüm görselleri değiştirdik.

(JPEG ve PNG görsellerini online converter ile WebP uzantısına çevirmek için; https://webp-converter.com/)

WebP ÖNCESİ ve SONRASI

WebP Öncesi

JPEG ve PNG dosyalarımızın toplan boyutu: 9,00 MB Sayfa Hızı (Desktop: 27/100 Mobil: 23/100 )

WebP Geçiş Sonrası

WebP'ye convert ettikten sonra toplan dosya boyutumuz: 604 kb Sayfa Hızı (Desktop: 54/100 Mobil: 44/100 )

Hız Testi; https://developers.google.com/speed/pagespeed/insights/

Web sitemizde yer alan .webp görsellerini incelemeniz için adresimiz; https://arti90.com/

Saygılarımla,

Muharrem Turan

Görüşler

1
gibraltar

Sitenizdeki fotoğraf ve resimleri Firefox'la görüntüleyemedim, "hah bir tane görür gibi oldum" dedim o da png çıktı :)

1
MuharremTuran

Merhaba, tekrar kontrol ettim bir sorun göremedim.

1
redogre

Operada sorunsuz açıldı, ama edgede gibraltarın yazdığı durum var

1
MuharremTuran

Şu an için Google Chrome ve Opera destekliyor. Firefox, Safari, IE ve Edge gibi diğer popüler web tarayıcıları desteklemiyor ama eninde sonunda destekleyecek. Ben Wordpress eklentisi ile bu sorunu aşmaya çalışıyorum ama çok stabil çalışmıyor. Görüldüğü gibi WebP için biraz daha zamana ihtiyacımız var. Google mobil aramaların artması; PWA (Progressive Web Apps) ve AMP (Accelerated Mobile Pages) ile birlikte WebP'de olmazsa olmazlar arasında yerini alacaktır. PWA ve AMP konularınada ayrıca bakmakta fayda var. Önümüzdeki dönemlerde WEBP, PWA ve AMP bu üçlü web sitelerini yeni bir boyuta taşıyacak.

Sanırım büyük olanın sözü geçecek.

Görüş belirtmek için giriş yapın...

İlgili Yazılar

Google ve İşe Eleman Alma Yöntemlerinden Biri Daha

FZ

Askerliğini yapmakta olan matematikçi bir dostumun dikkatini çekmiş, Google'dan eski bir blog girdisi, paylaşayım dedim. Euler sabitinde, virgülden sonra akıp giden sayı dizisi içindeki ilk 10 basamaklı asal sayıyı soran ve bunun sonucuna .com uzantısı ekleyip oluşturulan URL'den bilgisayarcılara çağrı yapan bir ilan! ;-)

http://www.google.com/googleblog/2004/07/warning-we-brake-for-number-theory.html

Eğer cevabı biliyorsanız (ya da bulabiliyorsanız), web tarayıcınızdan ilgili siteye gidip ne olduğunu görebilirsiniz ;-)

Google' dan 'Simple' Programlama Dili

Tarık

Google tarafından daha çok Android uygulamaları yazmak için geliştirilmiş BASIC benzeri bir programlama dili.

Google Earth Flight Simulator

nehuse

Google GEarth'e koyduğu gizli yumurta ile microsof'tun flight simulatorüne rakip çıkardı.

Şu adreste anlatıldığına göre Ctrl+Alt+A tuş kombinasyonu ile açığa çıkan Google Flight simulator F-16 ve Sr-22 gibi iki uçakla dünya üzerinde uçmanızı sağlıyor.

Google Benim Hakkkımda Ne Biliyor?

Titus

Google'ı bilmeyenimiz yoktur, arama motoru, e-posta servisi vb. bileşenleri ile sanal hayatımızı tamamen üzerine kurduğumuz bir oluşumdur Google. Herşey iyi güzel de peki biz birşeyler araştırırken Google da bizi araştırıyor mu? Bu soru uzun zamandır beni düşündürüyor du görünen o ki bu soruyu düşünüp duran başka biri daha varmış.

Google'dan hareketin kralı: Native Client

sundance

Gün geçmiyor ki, yeni bir Google enteresanlığı ile karşılaşmayalım.

Google'ın temel hedeflerinden bir tanesinin bütün içeriği Web'e taşımak ve bilgisayar kullanımının Internet'ten mümkün olduğu kadar ayrılamaz bir şey olmasını sağlamak olduğu artık hepimizin malumu.

Yok Google işletim sistemi yazacaktan, aslına bakarsanız tarayıcısı kendine özgü bir sanal işletim sistemi tartışmalarına kadar, önümüzde yeni bir çığır açacak icatları Native Client.