JS ve CSS Kütüphanelerini tek dosyada toplamak 2017-02-10

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 :)