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 basın günü haberleri

larweda

Bugün Google Press Day adında bir basın toplantıları zinciri düzenledi. Webcast'i ve programı burada, (şu an hala devam ediyor). İzleyen bir arkadaşın yorumları ve özetleri de burada.

Benim özetlemek istediğim, bugün yapılan 4 yeni duyuru var:

Yaz Tatili Önerisi: Açık Kod Modeli İle Kodlayın ve 4500$ Kazanın

FZ

Google yine yapacağını yaptı. Tüm dünyadan yazılım geliştirmeye hevesli öğrencilere çağrı: Yazın ne yapıyorsunuz? Oturun açık kod modeliyle bir yazılım geliştirin ve 4500$ kazanın.

Tek yapmanız gereken Summer of Code başvurusunda bulunmak ve önerilen fikirlerden birini seçip bunu uygulamak. Tabii ki öyle başı boş bırakılmayacaksınız, başvurusu kabul edilen her programcı bir "koç" ile birlikte çalışacak ve ona karşı sorumlu olacak. Sorumlu olacağınız kişi ise FreeBSD, The Apache Software Foundation, The Perl Foundation, Lisp NYC, OpenOffice, Wine, Google gibi kurumlarda/projelerde çalışan deneyimli programcılar olacak.

Merak ettiğiniz sorular varsa burada sorabilirsiniz (tabii FAQ belgelerini okuduktan sonra).

Eylül döneminde okullar açıldığında ve arkadaşlarınız, hocalarınız "yazın ne yaptın" dediğinde onlara verecek çok sağlam bir cevabınız olsun ;-)

Google'ın İlk Sunumu

anonim

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

BSA nedir ?

anonim

"BSA nedir" Google da aratıldığında ilk sıradaki bağlantıda EMO (Elektrik Mühendisleri Odası) sitesinde Ethem DERMAN tarafından yayınlanmış bir makale bulunmakta. Çok çarpıcı. Kesinlikle okunmalı.

Adres: http://e-dergi.emo.org.tr

Google'dan Sosyal Fon

parsifal

Küresel yoksulluk, enerji ve çevre gibi sosyal konularda yapılacak araştırmalar için Google fon oluşturmaya karar verdi.
Fonun, halka arzlardan elde edilen gelirin %1'inin aktarılmasıyla oluşacağı, bu payın şirketin yıllık karının %1'ine denk geldiği belirtildi.

Kaynak: 13 Ekim 2005 Cumhuriyet gazetesi s.13