Site hızı oldukça önemli, bu konuda hem fikiriz sanırım. Zaten "
Web sitelerin ya da blogların hızı SEO'yu nasıl etkiler?" başlıklı yazımda da bu konudan bahsetmiştim. Site hızını arttırmak için kod kısmını bir kenara bırakıp oldukça etkili olan görsel sıkıştırma yöntemini kullanabiliriz. Resimleri optimize ederek sayfaların normalden daha hızlı açılmasını sağlayabiliriz. Peki resimler nasıl optimize edilir?
Resimleri, görselleri optimize etmek için ücretsiz online görsel sıkıştırma sistemlerini kullanabiliriz. Bu sayede görsellerin dosya boyutu küçülecek ve yüklenme hızı da artacaktır.
Görselleri sıkıştırmak için ise
TinyPNG,
Optimizilla,
Compressor.io gibi siteleri kullanabilirsiniz. Bu siteler görsel sıkıştırma konusunda yaygın kullanılan sistemler.
Görselleri optimize etmek, bloga yüklenen görsellerin kalitesini düşürecek mi?
YanıtlaSilYok düşürmez. Yazı içerisine eklediğim görseli de sıkıştırdım. Orjinaliyle karşılaştırabilirsiniz. https://i.hizliresim.com/V3M5ar.png
SilAma boyut konusunda çok fark var. Orjinali 116 KB, sıkıştırılmış hali ise 28 KB.
Ümit hocam bu değindiğiniz konu sayfa hızı konusunda oldukça etkili oluyor.
YanıtlaSilBen bu sıkıştırma işini gtmetrix de siteyi test ettikten sonra sorunlu olan resimleri ve optumize edilmis sekillerini de veriyor. Oradaki ilr yapiyordum sorun olmusmudur hocam.
Hocam resim demişken benim blogumda resim boyutu kaç olmalı resmin tam gözükmesi icin kaca kaç yapmaliyim resimleri..
Yok sorun olmaz. Resmin tam görünmesi için "çok büyük" seçeneğini seçin. Bu şekilde tam görünmezse eğer HTML kısmından width değerini 100%, height değerini ise auto olarak düzenleyeni. Bu şekilde sorun çözülecektir.
SilSite açılış hızına etki eden çok fazla neden olabiliyor. Bunların en başında adsense reklamının yoğunluğu geliyor. Çoğu kişi herhangi bir adsense reklamı eklerken her seferinde scprit adresini de ekliyor. Ama scprit URL adresini tema HTML bölümünde head tagı arasına bir kez eklemek yetiyor.
YanıtlaSilOnun dışında görsel sıkıştırma işlemi kesinlikle çok faydalı. Kullanan arkadaşlar bunun ne kadar faydalı olduğunu ilerde anlayacaktır.
CSS ve JS sıkıştırma işlemi de yine sayfa hızına katkı sağlayacak başka bir işlem. Ancak kritrik bir işlem olduğundan deneyimli olmayan kullanıcıların denememesi bence daha iyi.
Kesinlikle... Görsel sıkıştırma işlemi basit ve etkili bir yöntem olduğundan özellikle paylaşmak istedim bu konuyu. Teşekkürler yorumunuz için.
Siljs Sıkıştırmayı Anlatacakmısınız?
YanıtlaSilJavaScript değil de CSS kodlarının nasıl sıkıştırıldığından bahsedebilirim.
SilÇok faydalı bir yazı olmuş sitemde fazlaca resim vardı bahsettiğiniz siteleri mutlaka deneyeceğim, teşekkür ederim.
YanıtlaSilBiraz zahmetli bir iş ama kesinlikle faydası var. Rica ederim...
SilTabi alternatif çok..
YanıtlaSilHemen uyguluyorum sonucu yazarım burdan.
YanıtlaSilMutlaka faydalı olacaktır.
Sil