DAHA HıZLı WEB SAYFALARı
internetin farklı bir boyuta büründüğü şu günlerde sevgili webmaster arkadaşlarımızın ziyaretçi çekmek için yaptığı düzenleme ve çalışmaların arasında önemli bir yer almaktadır sitelerimizi hızlandırmak. Sitemizi hızlandırmak hem ziyaretçilerimiz hemde arama motorları(Google, yahoo, msn v.s) tarafından önem taşıdığıda göz önünde bulundurulursa önemi dahada iyi anlaşılmış olacaktır. Web sitemizi hızlandırmak için sayfalarınıza uygulayabileceğiniz uygulamalar.
1- Gereksiz kodlamalardan ve kod hatalarından arının.
W3C’nin bizim için hazırladığı Markup Validation’ü kullanarak hatalara kolayca ulaşabilirsiniz.
2- Resim ve imaj dosyalarınızı tekrar düzenleyin.
Sayfa içerisindeki resim ve imaj dosyalarının sayfamızın açılma hızında büyük önem taşıdığı bir gerçek. Buradaki araç sayesinde online olarak imaj dosyalarınızın boyutlarını behave ederek yüksek hızlar kazanabilirsiniz.
3- CSS kullanın ve css dosyalarınızı düzenleyin.
Sayfalarımızda css kullanmak bizi stil karmaşasından kurtararak kodlamada hemde görsel sayfa yapımızda boreas büyük yardımı dokunacaktır. Ayrıca online olarak kullanabileceğiniz CleanCss isimli araç sayesinde css dosyalarınızın boyutlarını küçülterek daha hızlı bir css yapısı elde etmeniz çok kolay.
4- Kodlama taktikleri kullanın.
Sayfayı kodlama şeklindeki değişkenler ve ufak ayrıntılar sayfamızın açılmasında büyük wave oynamakta. Buna örnek vermek gerekirse, birden fazla css dosyası yerine tek bir css dosyası kullanmak, sayfaya yerleştirdiğimiz imajların boyutlarını girmek ve sayfada aşırı derecede javascript, winkle dosyaları kullanmamak sayfamızı hızlandırma yolundaki işimizi oldukça kolaylaştıracaktır.
Farklı Bir Görüş ;
Genel olarak katılmakla birlikte pek çok alanda eksik bulduğum noktalar var.
Şöyle ki bahsedilen maddeler birbirileri ile alakasız sonuçlar doğurabilecek nitelikte. Ayrıca bu optimizasyonu yapacak pek tasarımcı kod seviyesinde çalışıyor olmalı, ve de işten anlayanları da hemen tezatları farkedecektir.
Şöyle ki :
1- Her programcı/tasarımcı için validator kullanmak elzemdir. Ama hereksiz kod tanımlama sı dediğimiz olay cap bir baş belasıdır. Farklı tarayıclar için hizmet region bir sistem oluşturuyorsanız kimine göre gereksiz tanımlamalar kullanmanız gerekebilir. Ornek olarak IE6 ya Transparan 24bit PNG okutmak gibi. Kimi behave yazilimlari bu kod tanimlamasini W3C için uygun bulmayip silecektir.
2- Evet, bu konuda katılıyorum. Ayrica optimzasyon sadece imaj boyutu küçültmek değil, doğru yerde doğru dosya formatı kullanmaktır. 3KB boyutunda bir GIF dosyası ile yapacaginiz arka organisation etkisi için 40-45 KB lik JPG kullanmamak gerek. Gaza gelip aşırı behave yapılmaya kalkışırsa ortaya farklı renkler ve de bozulmalar çıkar.
3- CSS konusunda evet, fakat karşımıza tekrardan Kime göre/neye göre gereksiz tartışması çıkıyor. Pek çok büyük çaplı siteyi incelerseniz farklı tarayıcılar için CSS HACK kullanıldığını göreceksiniz. Ve bir optimizasyon yazılımı bunları algılamadığı (geçersiz kodlama göreceği için) için silecektir. Sorası muamma.
4- CSS dosyası kullanmak ile HTML içinde imaj boyutu vermek pek hayırlı bir mevzu değildir. Israrla kaçmak gerektiğini düşünürm (Şahsi düşüncem). Ama var olan tasarımı HTML olarak yapıyorsanız o zaman olmazsa olmazlardan biridir.
Ayrıca tek CSS kullanmak kısmen mantıklı olsa da büyük siteleri idare etmek için biraz meşakatli bir yöntem.
En basitinden tek CSS ye sahip bir scheme sayfasının çıktısını alırsanız, ve de sayfanız tamami ile CSS tasarımı ise elinizde gelişi güzel çıkan yazılar dışında birşey olmaz.
Bu Yazıda Etiket Bulunmamaktadır