Teknoloji ve  Webmaster Platformu
 

Geri git   Teknoloji ve Webmaster Platformu > KehaPlatform > Dış Kaynak

Dış Kaynak Dış kaynaklardan sağlanan her türlü makale, tavsiye ve bilgiler

Cevapla
 
LinkBack Seçenekler Stil
  #1 (permalink)  
Alt 10-02-2008, 02:51
By_uLKeN - ait Kullanıcı Resmi (Avatar)
Arabesk saatler
 
Üyelik Tarihi: Feb 2008
Bulunduğu yer: Ankara
İletiler: 778
Tecrübe Puanı: 10
By_uLKeN has a spectacular aura aboutBy_uLKeN has a spectacular aura about
iTrader: (0)
Thumbs up Web Sitenize Bakım Yapın

Web sitenizin ziyaretçileri sayfaların açılmasını beklemekten sıkılıyorsa, bunun tek sorumlusu hatların yavaşlığı olamaz.

Web sitelerini yapmaktaki asıl amaç mümkün olduğu kadar öok kişiye ulaşmak olduğuna, ilk hedef mümkün olan olduğunca hafif siteler yapmak, ağır malzemeler kullanılması zorunlu oluyorsa, bunu alternatifli bir şekilde ziyaretçilere sunmak olamalı.

Açılış Animasyonları OUT

Özellikle Flash uygulamaları ilk tanınmaya başlandığı zamanlarda, web tasarımcılarının büyük bir çoğunluğuapar topar Flash öğrenip sitelerinin açılışlarına dakikalarca süren Flash animasyonları koydular. Hele Flash'ın ilk günlerinde modem hızı 33600 bps seviyesindeyken, bu siteler ziyaretçiler için çok bezdirici bir hal alıyordu. Neyse ki düşünceli tasarımcılar 'Skip Intro' (Giriş animasyonunu geç) butonları kullanıyorlardı da, bu işkenceden kurtulmak mümkün oluyordu. Günümüzde giriş animasyonu kullanımı oldukça azalmış olsa da, kullanmak konusunda diretenler de var. Bu animasyonlar konusunda söyleyebileceğimiz bir kaç şey var. En kolayı giriş animasyonu kullanmayın. Kullanmak istiyorum, bunun için yırtınıyorum diyorsanız da bu animasyonun en fazla 5 saniye sürmesine, ya da 'Skip Intro' butonu koymaya özen gösterin. Hele animasyonda müzik varsa, bunun sesi mutlaka kısılabilmeli ve animasyon istenirse tamamen geçilebilmeli. Yani mümkünse açılış animasyonu kullanmayın.

Açılış Sayfası Fonksiyonel Olmalı

Özellikle firma tanıtım sitelerinde web adresine girildiğinde ilk açılan sayfa firmanın logosu ve bir giriş butonu içerir. Bu sayfanın kullanımının gerçekten mantıklı olması için üç neden olabilir. Birinci nedende sitenin içeriği çok ağırdır ve bu olabildiğince hafif olarak, gelen ziyaretçinin içerideki ağır içeriği yüklemek zorunda kalmadan önce doğru yerde olup olmadığını anlaması için kullanılır. Bu sayfaların kullanılmasının ikinci mantıklı sebebi, kullanıcıya dil, Flash/HTML tercihi ya da ağır/hifif içerik tercihi yaptırmak olabilir. Üçüncü neden olarak, ki aslında bu diğer nedenlerle birlikte kombine olarak kullanılmalı, gelen ziyaretçiye hafif bir sayfa içerisinde adres, telefon, elektronik posta gibi bilgilerini sunmak olmalı. Böylece sadece firmanın telefonunu ya da elektronik posta adresini aramak içim siteye gelen birinin büyük bir içeriği yüklemeden aradığı bilgiye ulaşması sağlanmış olur. Özetlersek açılış sayfası kullanılacaksa, bu hafif olmalı, erişim bilgilerini vermeli ve kullanıcıya tercih seçeneği sunmalı.

Dinamik Sitelerde Sayfayı Hafif Tutun

Dinamik içerikli haber sitelerinde genelde ziyaretçiler siteye çok sık uğradığı için bir açılış sayfası olmaz, bunun yerine sitenin güncel haberleri ve bölüm linklerinden oluşan bir anasayfa yapılır. Bu sayfalarda dikkat edilmesi gereken kural, sayfadaki haber sayısının ve resim ağırlığının düşük tutulması. Bazı sitelerde açılış sayfasında yirmi tane 200x150 piksellik resim içeren haber alt alta sunuluyor. Bunun yerine yapılması gereken, yine örnek olarak son haberi ya da önemli haberi 200x150 piksel boyutundaki resimle verip toplam on haberle işi bitirmek. Böylece siteye sık sık gelen bir ziyaretçi sadece bir kaç haber güncellendiği halde resimli tonlarla haberi yeniden yüklemek zorunda kalmaz. Düzenli resim bölümleri, köşe yazarlarının resimleri gibi imajları en fazla 80x80 ya da 60x60 piksel gibi boyutlarda tutmak, sayfaların yükleniş hızını arttıracaktır.

Doğru Resim Formatını Seçin

Web sayfalarında en çok kullanılan üç resim dosyası türü, GIF, JPEG ve PNG'dir. GIF ve PNG şeffaflık içeren resimlerde kullanılabilirken, JPEG resimler mutlaka mutlaka arka plan içerir. Web sitenizdeki tüm resimler için 'bu formatlardan birini seçip kullanın' şeklinde bir kural yok. Yapılması gereken, bir yerde kullanılması gereken resim için farklı formatlarda alternatifler varsa, bunlardan hafif olanı kullanmaktır. Eğer kullanılacak resmi kendiniz oluşturuyorsanız, bunu GIF ve JPEG olarak ayrı ayrı kaydedin, hangisini dosya boyutu küçükse onu kullanın. Çoğunlukla vektörel çizim programlarıyla elde edilmiş olan, genelde çizgilerden oluşmuş resimler GIF formatında; fotoğraflar ve karışık resimler ise JPEG formatında daha küçük dosya boyutuna sahip olur. Renk sayısının artışı da GIF formatını olumsuz etkiler, dosya boyutunu büyütür.

Web sayfalarınızda gerekmedikçe animasyonlu GIF dosyası kullanmamaya da dikkat etmelisiniz. Animasyonlu bir 80x80 piksel dosyanın ağırlığı, yaklaşık olarak animasyonu oluşturan kare sayısı kadar animasyonsuz resmin ağırlığına eşittir. Özellikle büyük anime GIF'lerin oluşturduğu banner'ları mümkün olduğunca optimize edip hafifletmelisiniz.

Bir yerde kullanabileceğiniz biri çizim, biri fotoğraf olmak üzere iki resim varsa, bunlardan çizim olanını tercih edip GIF formatında sayfanıza koyun. Bu hafiflik açısından en iyi seçim olacaktır.

Yazılım sitelerinde resimleri hafif tutmak için özel olarak hazırlanmış birçok yazılım bulabilirsiniz. Her web tasarımcısının ideal yazılımlarından biri olan Photoshop'a hem imaj hazırlayıp hem bunun boyutunu minimize etmek için ideal yazılım denilebilir. Photoshop'un içinde bulunan 'Save for Web' seçeneği, ayrıntılı ayar seçenekleriyle ideal ağırlıkta resim dosyaları hazırlayabilmenizi sağlıyor.

Gereksiz Scriptleri Atın

Web tasarımcılarının çoğu, her site için önce bir şablon sayfa hazırladıktan sonra, bunu çoğaltarak gerekli değişiklikleri yapıp siteyi tamamlar. Bu durumda ilk şablon sayfadaki script'ler de tüm sayfalara taşınmış olur. Bu yüzden site kodunuzda scriptler bulunuyorsa, bu script'leri kullanmayan sayfalardan kodu çıkarın. Böylece kodlar gereksiz yere yüklenmeyeceği için, sayfaların yüklenmesinde hızlanma sağlanmış olur.

HTML'lerde Boşluk Kalmasın

HTML kodları yazarken özellikle Frontpage gibi editorler sol sırayı hizalamak gibi işlemler için kodun içine bol bol boşluk katar. Kısa kodlar için bu boşlukların çok fazla önemi olmasa da, çok uzun kodlarda ciddiye alınması gereken bir ağırlığa neden oluyor. Bu sorunu çözmek için HTML Compress adında bir yazılım hazırlanmış. HTML Compress, HTML içindeki gereksiz boşlukları atıyor, böylece yüzde 30'a varan oranlarda daha hafif sayfalar elde etmenizi sağlıyor. Üstelik bunu yaparken sayfalarınızın orjinallerini başka bir klasörde tutabiliyor, böylece gelecekteki düzenlemelerde birbirine geçmişkarışık bir kodla boğuşmaktan kurtuluyorsunuz.

İyi Bir Navigasyon Sistemi Kurun

Tüm bunların dışında, sitenizde iyi bir navigasyon sistemi kullanara kullanıcıların sayfa sayfa gezmek yerine hedef sayfalara kolayca ulaşmalarını sağlarsanız, ziyaretçiyi sevindirmiş olursunuz.

Anlatım: ALEXIA
Kaynak: turkwebmasters.net
Alıntı ile Cevapla
Yeni Konu aç Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık
Hizli Erisim


Şuan Saat: 21:38.

Powered by vBulletin® Version 3.7.5
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0
Hosting Sunucu Yönetimi


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204