vBulletin Optimize mi Etmek istiyorsunuz ? Sitenizin aşırı Bw yemesinden rahatsızmısınız ? İşte bu sorunlarınıza cevap vermeye çalışalım.
En Düşük HTTP İsteği Sağlamak
Grafik Ağırlığını Azaltmak
Sayfanızda olabildiğince resim oranını düşürün. Sonuçta tarayıcınızın sayfayı tarama sürenizi uzatacaktır. Ziyaretçi ve google botuda beklemekten pek hoşlanmaz.
Resim Geçişleri
İyide grafik olmadan site olurmu diyeceksiniz. Tabiki görsellik her zaman için önemlidir. Resimlerinizi iki aşama ile anasayfanızda oluşturabilirsiniz. Birisi html diğeri ise css yöntemidir.
Buda CSSCode:<a href="#" id="infobubble"> </a>
GörüntüsüCode:a#infobubble { width: 48px; height: 48px; background-image: url(http://images.music-web.org/misc/infobubble.gif); display: block; text-decoration: none; } a#infobubble:hover { background-position: 48px 0; }
Yuvarlak Köşeler
Resim serğilemede diğer bir yöntemde budur. Örnek resim ve kodlarla ne demek istediğimi anlayacaksınız.
Buda CSSCode:<div id="roundedbox"> <div id="top"> <div id="topleft"> </div> <div id="topright"> </div> </div> <div id="boxcontent"> <p>Buraya Sizin Yazınız Yorumunuz.</p> </div> <div id="bottom"> <div id="bottomleft"> </div> <div id="bottomright"> </div> </div> </div>
SONUÇCode:div#roundedbox { background: #bcc1ff; float: right; margin: 0 0 0 1em; width: 175px; } div#roundedbox #top, div#roundedbox #bottom { font-size: 1px; height: 16px; line-height: 1px; } div#roundedbox #topleft { background: url(/images/corners.gif) no-repeat top left; float: left; height: 16px; width: 16px; } div#roundedbox #topright { background: url(/images/corners.gif) no-repeat top right; float: right; height: 16px; width: 16px; } div#roundedbox #bottomleft { background: url(/images/corners.gif) no-repeat bottom left; float: left; height: 16px; width: 16px; } div#roundedbox #bottomright { background: url(/images/corners.gif) no-repeat bottom right; float: right; height: 16px; width: 16px; } div#roundedbox #boxcontent { margin: -1em 1em; } div#roundedbox p { margin: .5em 0; }
Görüntüleri Optimize Etme
Resimlerin boyutu ne kadar düşük olursa tarayıca taranması o kadar kısa olur ve sitenizin performansında çok etkili olacaktır. Online Image Optimizer: Optimize your GIFS, JPGS, and PNGS online. bu siteden resimlerinizin boyutlarını düşürebilirsiniz.
CSS Dosyalarınızı Optimize Edin
Css dosyalarıda sayfanızın görünmeyen ama sayfa yapılanmasında önemli olan bir ögedir. Ve yine dosyanın boyutu ne kadar düşük olursa sitenin performansında bir o kadar önemldir. Robson » CSS Compressor bu site %53 oranında bir sıkıştırma yapabiliyor.
CSS Dosyalarınızı Veritabanından Dosyaya Taşıyın.
Go to AdminCP -> vBulletin Seçenekleri -> Dil ve Tema Seçenekleri.
"CSS dosyalama sistemine geçilsinmi?" Evet diyeceksiniz. Not: CSS verileriniz clientscript içindeki vbulletin_css klasörüne atılacaktır. vbulletin_css chmod ayarı 777 olmalıdır.
Javascriptlerinizi Optimize Edin.
Javascript Compressor - compress code online for free Bu siteden vbulletin javascriptlerinin boyutlarını düşürebilir ve hız kazanabilirsiniz.
Lütfen vBulletin updatelerinde mutlalaka bu işlemi tekrar etmeyi unutmayınız...
Gzip
AdminCP -> vBulletin Seçenekleri -> Çerezler ve HTTP Başlık Seçenekleri.
"GZIP Compression Level" 1 yapın.
1den yukarısı pek tavsiye edilmez.
Bu makale
iki yazının birleşimiyle oluşturulmuştur. Sizlere vBulletin başta olmak üzere tema ve sayfa oluşumunda etkili olan dosyaların optimizasyonunda yardımcı olacaktır.
- vBulletin SEO Optimization Tips
- Optimise your vBulletin to reduce bandwidth and load! - vBulletin SEO Forums
Unutmayalım ki botlar kördür ama hızlı koşarlar.
Soru ve sorunlarınızı buradan yazabilirsiniz.



LinkBack URL
About LinkBacks







Reply With Quote
