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
yaklaşık 7 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
yaklaşık 7 yıl önce

Merhaba, tekrar kontrol ettim bir sorun göremedim.

redogre
yaklaşık 7 yıl önce (güncellenmiş)

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

MuharremTuran
yaklaşık 7 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 Hacker Edition

Geryon
26 Ocak 2005, 1 dakika okuma süresi

4 1 cihana nam salmış Google, hackerlar için özel hizmet başlatı.
Hekerim,hekersin,heker felsefesini kullanan insan değil mi ? :) :) :)

Google'ın hacker verisyonu için tıklayın

GoogleMaps: Casus aracı mı?

sundance
30 Mayıs 2005, 1 dakika okuma süresi

Her yeni hareketi ile bizleri şaşırtmaya devam eden Google, bu sefer de GoogleMaps ile inanılmaz bir iş başarmış.

Benzerlerinden çok daha hızlı sonuç üreten ve Ajax Teknolojileri sayesinde interaktif çalışan haritalar üzerinde, özellikle Amerika başta olmak üzere bir çok bilgi edinebiliyor, en yakın tren istasyonunu , ya da belli bir adresten belli bir adrese araba ile nasıl gidilir gibi bilgilere kolayca ulaşabiliyor.

Bu güzel servisin kullanımına en iyi örneklerden biri ise Craiglist.org'un (Emlak listeleri sitesi) GoogleMaps'le birleştirilmiş hali.

Ama daha yaratıcı bir kullanım alanı ise askeri havaalanlarındaki stealth bombardıman uçaklarını 1 2 3 4 ve hatta Ufoları tespit etmek. ;)

Google OpenOffice.org'a da El Atıyor!

innaw
1 Kasım 2005, 1 dakika okuma süresi

Ekim başında Google'ın online tablolama ve metin işleme işi için Sun ve OpenOffice ile anlaşma yaptığı açıklanmıştı. Yeni gelişmelere hazır olun çünkü Google, OpenOffice.org'u daha da iyileştirmek için programcılar arıyor!

Google'da açık kaynak yazılımlardan sorumlu Chris DiBona, "Biz de Google'da güzel açık kaynak yazılımlar kullanıyoruz ve açık kaynağı rekabet edebilir seviyede tutmak istiyoruz" dedi.

Kaynak

SPeeDY

parsifal
13 Kasım 2009, 1 dakika okuma süresi

Http protokolü ile yetinmiyen Google web'i daha hızlı getirmenin yollarında SPDY protokolü ile karşımızda...
SPDY ile Google;
- Tek bir TCP bağlantı üzerinden birden çok HTTP isteği,
- Lüzumsuz headerları kaldırıp kalanları sıkıştırmak,
- SSL'i temel protokol olarak kullanmak,
- Sayfa yüklemelerini %50 oranında azaltma gibi pek çok yeniliği hedefliyor.

Google'dan yeni bir sistem programlama dili: Go

gismo
16 Kasım 2009, 1 dakika okuma süresi

Son iki yıldır Google'un ataklarını izliyoruz: GWT, Android, Chrome, derken C++'a alternatif bir sistem programlama dili ile Google yine sahne aldı:

http://google-opensource.blogspot.com/2009/11/hey-ho-lets-go.html