BLOG

  • İDEAL WEB SAYFASI BOYUTU NEDİR ?

    10.02.2017

    Web sayfası boyutunu o web sayfasında yüklenen  herşeyin (scriptler, css, html, resimler, videolar vs) boyutu belirlemektedir. Sayfamıza dahil ettiğimiz bütün dosyalar sayfamızın boyutunu arttırmakta ve dolayısıyla yüklenme hızını yavaşlatabilmektedir.  

    Kısaca söylemek gerekirse hedefleyeceğiniz sayfa boyutu toplam 200kb civarında olmalıdır. Bir başka önemli unsurda sayfada bulunan toplam nesne sayısı ve http istekleridir. 100kb lık bir dosyanız var fakat 95 tane http isteği yapılması durumu daha da kötü hale getirecektir.

    Projelerinizde oluşturduğunuz web sayfalarının hızını test etmek için bu ve benzeri siteleri kullanabilirsiniz.

  • JS ve CSS Kütüphanelerini tek dosyada toplamak

    10.02.2017

    Merhaba arkadaşlar, bu yazımda sizlere .js ve .css dosylararımız tek bir js ve tek bir css olarak birleştirmemizin faydalarından kısaca bahsedeceğim,

    Öncelikle bu işlemi yapabilmek için kullanılan 2 başarılı js kütüphanesi var, gruntjs ve gulpjs , ikisi de js ve css eklentilerimizi, kütüphanelerimizi yönetmemizi sağlıyor, ben şuanda projelerimi geliştirirken grunt kullanıyorum, gulpjs in kullanımı biraz daha basittir anacak grunt işimi görüyor.

    Şimdi neden js ve css lerimizi tek dosya yapıyoruz ondan bahsedelim, bunun başlıca iki nedeni var;

    1. Hızlı sayfa yüklenmesi (performans),
    2. Geliştirme kolaylığı

    Projelerimizi geliştirirken bazen 10 veya daha fazla eklenti, kütüphane vs. kullanıyoruz ve tarayıcının bunların her birini ayrı ayrı yüklemesi yerine ve birden falza GET request'i yerine tek bir  lokal dosyadan yüklemesi sayfamızın yüklenme hızını arttırıyor, 

    Ve geliştirme sürecine de sadece tek bir script etiketi ve link etiketi kullanarak işimizi daha da kolaylaştırıyor,

    İncelemek için gruntjs : http://gruntjs.com/

    gulpjs: http://gulpjs.com/

    Kaynak: 

    https://blog.cloudflare.com/combining-javascript-css-a-better-

    way/

    http://www.metacdn.com/speed-up-magento/combine-and-minify-js-css

    http://developer.att.com/application-resource-optimizer/docs/best-practices/combine-java-script-and-css-requests

     

    Sevgiler :)