İnternet sitelerinde Ajax, dolayısıyla Javascript kütüphanelerinin kullanımının artmasıyla sayfaların yüklenme zamanı bir hayli artıyor. Buna birde tablosuz tasarımın yaygınlaşmasıyla artan css kodlarınında eklenmesiyle performans iyice düşüyor. Yeri geliyor 25-30 kb’lık bir html dosyası için 80-90 kb javascript ve css dosyası kullanılıyor. En basitinden örnek vermek gerekirse Jquery kütühanesine herhangi bir sıkıştırma işlemi uygulamadığımız zaman boyutu 56 kb oluyor. » Devamını oku: Minify ile Javascript ve Css Sıkıştırma
Archive for the ‘Javascript’ kategori
Minify ile Javascript ve Css Sıkıştırma
1 Kasım 2009Google AJAX Kütüphaneleri API’si
17 Mart 2009Javascript kütüphaneleri web geliştiricileri tarafından sıklıkla kullanılıyor. Bu kütüphaneler çeşitli sıkıştırma yöntemleri kullanılarak boyutları düşürülse de hâlâ yüksek boyutlarda olabiliyor. Üstüne birde ziyaretçi sayınız yüksekse oldukça yüksek trafik harcanmasına sebep oluyor. Google AJAX Kütüphaneleri API’si ( Google AJAX Libraries API ) Google’ın geliştiriciler için sunduğu bir hizmet. Popüler kütüphaneleri sunucunuzda bulundurmaya gerek kalmadan Google üzerinden yüklemenize yarıyor. Ajax kütüphanesini ekledikten sonra google.load fonksiyonu (Bakınız : Google AJAX API Loader’s) ile kolayca istediğiniz kütüphaneyi sayfanıza ekleyebiliyorsunuz. Örnek olarak aşağıdaki kodu kullanabilirsiniz.
<script src="http://www.google.com/jsapi"></script>
<script>
google.load("jquery", "1.3.2");
google.load("swfobject", "2.1");
</script>
» Devamını oku: Google AJAX Kütüphaneleri API’si
body Etiketinde load ve unload Kullanmadan Google Maps Haritalarını Yüklemek
23 Ekim 2008Açık kaynak kodlu bir İYS (İçerik Yönetim Sistemi) için içerisinde Google Maps’ten haritaların olacağı bir modül yazıyorum. Google Maps API’yi kullananlar bilirler. body etiketi içine onload=”load()” onunload=”GUnload()” gibi bir kod yazmamız gerekli. İYS’lerde hazır temalar kullanıldığı için <head></head>, <body></body> gibi etiketleri değiştirmek oldukça zahmetli ve zor. Açıkçası Javascriptlede aram pek iyi değil. Bu konuyu nasıl halledebilirim diye araştırma yaparken bu sitede load ve Gunload fonksiyonlarını body etiketinde kullanmadan otomatik olarak çalıştıran Javascript kodunu buldum. Aşağıdaki kodu head etiketi içerisine eklemeniz yeterli. » Devamını oku: body Etiketinde load ve unload Kullanmadan Google Maps Haritalarını Yüklemek
RSV İle Form Verilerinizi Doğrulayın
12 Eylül 2008
Web tasarım ve programlama ile uğraşıyorsanız formdan gelen bilgileri kontrol etme ihtiyacı doğuyor çoğu zaman. Bu kontrolü bazen formdaki verileri göndermeden Javascript ile, bazende formdaki verileri gönderdiğimiz sayfada kullandığımız programlama dili ile (Php, Asp vs.) yaparız. Bu yazımda Javascript ile yazılmış bir betik olan RSV (Really Simple Validation)’den bahsedeceğim. » Devamını oku: RSV İle Form Verilerinizi Doğrulayın
