21 Aralık 2013 Cumartesi

Blog Sayfalarını Hızlandırma

Blog Sayfalarini Hizlandirma

Resimleri Optimize Etmek


Resimler site açılışlarını en çok etkileyen faktörlerden biridir.Genellikle yeni bir blog sayfası açanlar bu hatayı yapmakta. 1mb resim koyanlar gördüm , bunların önüne geçmek için ne yapabiliriz ? İşte bu sorunun cevabı : 

.PNG resim dosyaları için önerebileceğim en iyi sıkıştırıcı : Tinypng
.Jpg resim dosyaları için en iyi sıkıştırıcılar : jpeg-optimizer.com (Kalite Biraz Bozulur) ~ Jpegmini(Kaliteyi Bozmaz)
.Gif resim dosyaları için : ezgif

Bunların yanında resimleri küçülterekte resimin boyutunu düşürebilirsiniz.

Html - Css - JS  Kodlarını Sıkıştırma


Html ,Css,Js kodlarını sıkıştırmak en önemli etkendir , sitenin temelini oluştururlar . Bu kodları sıkıştırmak için HtmlCompressor bu siteyi öneririm neden bu site derseniz ? . Blogger gibi sistemlerde işinize çok yarayacaktır kodlar penceresindeki kodları(Temanızın kodlarını) kopyalayın ve sitedeki kutucuğa yapıştır hemen algılayacaktır . Bazı Temalarda bozulmalar olabilir yedeğini alınız ! . 

Blogger bundle.css Dosyasını Temadan Kaldırmak


Ctrl+F yardımı ile <head> kodunu aratıyoruz .

Çıkan kodu bu kod ile değiştiriyoruz : &lt;head&gt;

Aynı Mantıkla Ctrl+F yardımı ile </head> kodunu aratıyoruz .

Çıkan kodu bu kod ile değiştiriyoruz : &lt;/head&gt;&lt;!--<head/>--&gt;

<b:skin><![CDATA[ Css kodları kopyalayıp not defterine yapıştırıyoruz .]]></b:skin>

<b:skin><![CDATA[ ]]></b:skin> ~ Alanı kalacak bir tek css dosyalarını silip not defterine koyduğumuz için , bu <b:skin> kodunu bu kod ile değişiyoruz :

&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[Buraya da Not Defterindeki kodlar gelecek .]]></b:skin>

Not : 

Bu işlemleri yapmadan önce temanızın yedeğini alın , temadaki bozulmalar vb tüm sorumluluk kullanıcıya aittir ! . 

0 komentar

Yorum Gönder