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
6 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
6 yıl önce

Merhaba, tekrar kontrol ettim bir sorun göremedim.

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

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

MuharremTuran
6 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'dan Açık Kaynak Kodlu Projelere Destek

anonim
30 Temmuz 2006, 1 dakika okuma süresi

Google, Google Code adını verdiği hizmette artık açık kaynak projelerine destek veriyor.

Google Code hizmetinde görüldüğü üzere, Google tıpkı Sourceforge gibi bir açık kaynak projelerine ücretsiz hosting hizmeti veriyor. Böylelikle Google açık kaynak projelerine verdiği önemi ve desteği bir kez daha gözler önüne sermiş oldu.

Google OpenSocial'ı Duyurdu

maul
3 Kasım 2007, 1 dakika okuma süresi

Google uzun süredir bloglardan takip ettiğimiz OpenSocial'ı duyurdu. İster Facebook'un kendi alanında rakipsiz kalmasından dolayı diğer arkadaşlık sitelerinin birleşebileceği bir ortak API olarak da tanımlayın, ister ilerde tüm siteler birbirleriyle zaten API'ler vesilesiyle entegre olacağını ve bunun da bu yolda bir ilk(?) adım olduğun söyleyin. Ben beklediğim kadar etkileyici bulmasam da (belki hayal gücüm yetmedi) fikren güzel olduğunu söyleyebilirim.

Google Android işletim sistemli Asus EeePC

anonim
1 Mart 2009, 1 dakika okuma süresi

Google'un Android işletim sistemi sonunda Netbook sahasına da gözünü dikti. Önceleri sadece mobil cihazlar için düşünülen Android, payını arttırmak istiyor. Asus EeePC'ler üzerinde yapılan testler başarılı olursa ki çok büyük ihtimalle öyle görünüyor, yaz sonlarına doğru üzerinde hazır Android yüklü EeePC'leri piyasada görebileceğiz. Google ile Microsoft arasındaki rekabet işletim sistemi pazarında da kızışacak gibi görünüyor.

Google Mobil Cihaz Görsel Aramalarına Hızlı Filtre Ekliyor

MuharremTuran
22 Mayıs 2017, 1 dakika okuma süresi

Google, görsel aramasının mobil sürümüne yeni bir filtre seçeneği ekledi. Arama yaptıktan sonra, arama kutusunun hemen altında, en son eklenen görseller, gif, küçük resim ve renkler filtrelemesi için hızlı filtreleme alanı sunuyor. Örneğin “kırmızı” yazıp arattığınızda, arama sonuçlarının en üstünde filtreleme menüsü görünüyor, daha fazla renk filtreleme seçeneği göstermek için çubuğu sola...

Google Base

cbc
16 Kasım 2005, 1 dakika okuma süresi

Google Blog'da ilan edildiği üzere Google Base halka açıldı.

Veritabanı şeklinde çalışan bu google servisi ile her tür verinizi saklayabiliyorsunuz. Ekleyeceğiniz her tür için "özellik" ve "veri" ikilisi saklayabilen bu sistem ile saklayamayacağınız bir şey yok gibi duruyor.