performans | bildirgec.org

Tasarımlarımızı XHTML ve CSS’e geçirirken bazen çok basit şekilleri bile kimi zaman resim olarak kaydederek tasarımlarımıza ekliyoruz. Oysa bu davranış bize ekstra bir “http isteği” olarak dönmüş oluyor. Daha önce CSS Sprite'ların kullanım alanları yazımda bu istekleri azaltarak performansı nasıl yükselttiğimiz konusuna az da olsa değinmiştim. Bu yazıda ise minik ve basit resim dosyalarından kurtularak http isteklerini minimum düzeye çekecek ve sitelerimizin performansını arttıracak. Pingdom ile performansınızı ölçmeniz mümkün.

Dertlere derman css border
Başlıktan da anlayabileceğiniz gibi bu şekilleri çizmek için elimizdeki en önemli özellik border olacak. İstediğiniz şekli çizmek için border’ları solid yapmalı ve genişliklerini ayarlamalıyız.
Şimdi ufak bir örnekle border’ları nasıl ayarlamamız gerektiğini görelim.

.cisim{ width:0; height:0; line-height:0; border-top: 50px solid magenta; border-right: 100px solid green; border-bottom: 100px solid red; border-left: 50px solid yellow; } <span class="cisim"></span>

Burada rahatlıkla görebilmeniz için border değerlerini çeşitli renklerde tanımladım. Boyutsuz olan span elemanının etrafında üçgensel olarak 4 farklı bölge oluşuyor. İşte bu bölgeleri kullanarak çeşitli dörtgenler, içbükey çokgenler ve üçgenler çizerek tasarımlarımızı tamamlayacağız.

Siteleri(mizi) analiz etmek için pek çok yol var. Bunların başında bence google analytics geliyor. Peki ya sitemizin bulunduğu barındırma servisini analiz etmek istersek ne yapmak gerekir?

sixrevisions.com sitesi web hostunuzu analiz etmenize yarayacak 6 servisi tanıtmış:

1. DNSstuff: En iyilerinden biri. Fakat servislerinin çoğu ücretli. Bunun yanında ücretsiz ya da deneme süreli verdiği hizmetler de var.
   
   
   

ışık sanatı performans fotoğrafçılığı, ışıkla oynamanın ve onun büyüsüne kapılmanın yepyeni bir boyutu. fotoğraflar denklanşörün uzun bir süre açık kalması ile elde ediliyor (bulb modu).

Bir çoğumuzun hayranlıkla takip ettiği Mythbusters ekibi, bu kez canlı bir performansla karşımızda.

Mythbusters ekibi bu gösterilerinde iki adet boya makinesi kullanıyor. Bunlardan “cpu” adlı ilk makinenin yaptıkları şaka boyutundan öteye gidemezken “gpu” adlı, boya toplarının büyük hava tankları ile sıkıştırıldığı diğer makine asıl gösteriyi oluşturuyor. Ve mona lisa tablosunu 0,008 saniyede meydana getiriyor.

Artık herkesin cebinde olan USB bellekler yavaş yavaş CD ve DVD gibi sadece kaydedilebilir formatların yerini alıyor. 8GB'lık versiyonların da yaygınlaşmasıyla DVD kapasitesini aşan bellekler artık birer ekstra değil ihtiyaç olmuş durumda. Piyasada ise eski yeni birçok marka, birçok değişik cihaz var. Ancak henüz satın alırken nelere dikkat edilmesi gerektiği pek bilinmiyor. Eğer yakın zamanda bir USB bellek almayı düşünüyorsanız fiyatıyla birlikte başka birkaç şeyi de değerlendirmeniz mantıklı olacaktır.

Avustralya'da yaşayan Chris Vincent isimli tasarımcı / programcı , üşenmemiz bizim gerektiği zaman teker teker test ettiğimiz php kodlarının benchmarklarını bizim için tek bir sayfada toplamış.

Bazı sonuçlar çok şaşırtıcı olmakla beraber,hoş bir görsel anlatımla sunmuş.Ayrıca sonuçlar değişken,yani sayfayı bir ziyaret ettiğinizde 500% olan bir oran bir anda 600% olabiliyor, o da serverın o anki durumuna göre... Aksi durumda burada uzun uzun her birini açıklamak isterdim.

CSS Sprite'ları konusunda daha önce bir yazıyla karşılaştınız mı? Sprite'ın bir içecektan olmaktan başka web tasarımından nasıl bir terim olduğunu biliyor musunuz? Eğer bilmiyorsanız Sprite nedir hep beraber öğrenelim...

Sprite nedir?
Sprite bir imaj dosyasıdır. Ama bu imaj dosyanın diğerlerinden tek bir farkı vardır o da birçok imaj dosyasını içinde bulundurmasıdır. Örneğin ülke bayraklarının herbirini tek tek kaydetmek yerine düzgün bir biçimde 1 imaj dosyasının içine kaydedebilirsiniz. Daha sonra css kodlarında bazı derlemeler yaparak her ülkenin bayrağını tek tek o dosyanın içinden ayırabilir ve sitenize ekleyebilirsiniz.

Web sitenizin ilgi görmesi için ziyaretçilerinize hızlı bir sistem sunmanız gerekir. Eğer web sitenizin hızı konusunda bir şeyler yapmak istiyorsanız bu yazı tam size göre.
1. YSlow for Firebug

YSlow, web sitenizi performansına göre sınıflandırıyor. ajax kullandığı için web sitenizle ilgili performans bilgilerini daha hızlı görebiliyorsunuz.
2. Fiddler

Fiddler bilgisayarınız ve internet arasında geçen tüm HTTP trafiğini kaydeden bir uygulama.
3.Cuzillion

Cuzillion, size sayfa bileşenlerinin birbirini nasıl etkileyeceğini gösteren "havalı" bir uygulama. Steve Saunders tarafından yapılan Cuzillion, size en hızlı şekilde yardım etmeyi amaçlıyor.
4.mon.itor.us

mon.itor.us, ücretsiz bir uygulama. bir çok araçla birlikte size sitenizin "monitörlerdeki yansıması" hakkında bilgi verir(trafik bilgileri vs.).
5.IBM Page Detailer

IBM page detailer, müşterinin gözüyle sitenizi değerlendiriyor.
6.Httperf

İşte size bir açık kaynak kodlu uygulama. Sunucunuzun hızını ölçüyor.