Css birleştirme

Css birleştirme Kod yazarları ve Web site sahipleri için site sayfalarının yavaş açılması çok büyük bir sorundur. Bu sorun yerine göre ziyaretçi yerine göre müşteri kitlenizi bile etkileyebilir.

Css dosyalarımızı birleştirerek sitelerimizi hızlandırmayı anlatacağım, bu yönteme bağlı olarak tabiki sitenizin hızlanacağını düşünmeyin. Css ile site hızlandırma işlemi tabiki önemli ancak kullanılan tema ve eklentilere göre değişiklik gösterebilecektir.
Başlayalım şimdi şöyle olduğunu varsayarsak;
<link href="./assets/css/style.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="./assets/css/responsive.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="./assets/css/animate.min.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="./assets/css/fontello.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="./assets/css/jcarousel.responsive.css" media="screen" rel="stylesheet" type="text/css" />



Yukardaki örnekte verdiğimiz css dosyalarımızın ana dosyası hangisi ise açıp en başa bu şekilde dahil ediyoruz;

@import "./responsive.css";
@import "./animate.min.css";
@import "./fontello.css";
@import "./jcarousel.responsive.css";

Öncelikle css ve javascript dosyalarınızı sıkıştırma yapmanızı tavsiye ederim bu sıkıştırma için ;

CSS dosyasını sıkıştırma.
http://www.csscompressor.com/

JS dosyası sıkıştırma
http://jscompress.com/

Yukarda birleştirme işlemi yaptıktan sonra sıkıştırma da yaparak sitenizin yüklenme hızını bir nebze de olsa artırabilirsiniz.

Alternatif kaynakları da inceleyebilirsiniz..

Yazı hakkındaki yorumunuz nedir?