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

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

gibraltar
5 yıl önce

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

MuharremTuran
5 yıl önce

Merhaba, tekrar kontrol ettim bir sorun göremedim.

redogre
5 yıl önce (güncellenmiş)

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

MuharremTuran
5 yıl önce (güncellenmiş)

Ş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'ın İlk Sunumu

anonim
26 Kasım 2005, 1 dakika okuma süresi

Google'ın kurucularından Lary Page'in 1998 yılında Stanford'da yaptığı sunuya buradan ulaşabilirsiniz. Oldukça ilginç.

Google AdSense ve EFT Dönemi

anonim
21 Temmuz 2006, 1 dakika okuma süresi

Google AdSense yayıncılarının ödemelerini Türkiye'de de EFT ile ödeme hizmetini başladı. Daha önce Google'dan çek bekleyen yayıncıların paraları artık doğrudan banka hesaplarına yatacak.

Google Summer of Code 2006

SHiBuMi
16 Nisan 2006, 1 dakika okuma süresi

2006 yılının Google Summer of Code etkinliği hazırlıkları başladı. 2005 yılında 8744 başvurunun olduğu ve 419'unun kabul edildiği, başarı oranının %80'in üstünde olduğu etkinlikte başarılı olan kişilere 4500$ ve bir adet t-shirt verilmişti.

Henüz koçluk yapacak organizasyonların katılımının devam ettiği etkinliğe 1 Mayıs'tan itibaren öğrenciler başvurabiliyor olacak.

Etkinlik sitesini ziyaret etmek ve gelişmeleri takip etmek için web adresi: http://code.google.com/soc/

Not: Henüz listede yok ancak Zend ve PHP de listede yer alıyor olacak, PHP geliştiricilerine duyurulur.

`Google Code Search´ Hacker'ların İşini Kolaylaştırıyor

Guardian
9 Ekim 2006, 2 dakika okuma süresi

networkworld.com 'daki haberde Google'ın kasıtsız olarak hacker'lara yeni bir araç sunduğu belirtiliyor.

Google Translate artık Türkçe

tongucyumruk
1 Şubat 2009, 1 dakika okuma süresi

Google'ın çeviri servisi Google Translate artık Türkçe'yi de destekliyor. Sistemi kanlı canlı görmek için tıklayın. Yazıların üzerine gelince çıkan baloncukları kullanarak çeviri sisteminin gelişmesine katkıda bulunabileceğinizi de arada hatırlatmış olalım.