Oğuzhan Yıldırım | Sistem Yönetimi ve Wordpress'e Dair Her Şey!

Css birleştirme

04.08.2019
358

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..

BİR YORUM YAZIN

This site uses Akismet to reduce spam. Learn how your comment data is processed.

ZİYARETÇİ YORUMLARI - 0 YORUM

Henüz yorum yapılmamış.

2020 - I ❤ WORDPRESS ツ