CSS Ve JS Dosyaları Nasıl Bileştirilir?

CSS Ve JS Dosyaları Nasıl Bileştirilir?

CSS Ve JS Dosyalarını birleştirerek Page speed ve GTmetrix puanını arttıralım!

 

Geçtiğimiz günlerde temamızda en son olarak timthumb ile bozulan temamızı css ile düzenlemiştik. İlgili konuya buradan ulaşabilirsiniz. Şimdi de temamızı hızlandırmak için Css ve JS dosyalarını birleştireceğiz.

 

CSS Ve JS Dosyaları Nasıl Bileştirilir?

 

Nedir css dosyalarını birleştirmek derseniz. Örneğin temamız da  8 css ve js dosyası varsa her sayfa çağrıldığında bunların hepsi ayrı ayrı geliyor. Sorgu sayısını azaltmak için css ve js dosyalarını tek dosya birleştirip, onları tek dosyadan çağırabiliriz.

CSS Ve JS Dosyaları Nasıl Bileştirilir?
CSS Ve JS Dosyaları Nasıl Bileştirilir?

Şu şekilde. Masa üstüne bir metin belgesi açın ve isimlendirin yada numaralandırın. Tüm css dosyalarınızı sırası ile tek tek bu belgeye ekleyin. Aynı zamanda da temanızın çağrıldığı diğer dosyadan da bu isimle çağırmanız gerektiğini unutmayın. Ancak bu işlemleri yaparken her birleştirdiğiniz dosyadan sonra sayfanızı yenileyerek kontrol etmelisiniz. Bazı temalar bu birleştirmeyi kabul etmeye de biliyor eğer temanızda bozulma oluyorsa birleştirmekten vazgeçin. 

Page speed puanının fazla olmasının bir diğer sebebinin ise Hosting şirketiniz olduğunu unutmayın!





“CSS Ve JS Dosyaları Nasıl Bileştirilir?” üzerine 4 yorum

  1. Bu anlatımdan sonra youtube’da kanalınıza mutlaka abone olacagim yeni bilgi içeriklerini bekliyoruz 🙂

    Yanıtla

Yorum yapın