Code Beautifier İle CSS Kodlarınızı Düzenleyin

Bu yazı 3 ay veya daha önce yayınlanmış olduğundan görülen linklerde, resimlerde veya kodlarda hata olabilir. Herhangi bir hata ile karşılaşırsanız bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dilerim.

Code Beautifier

Bugün CSS kodlarımın daha düzenli olması için Google’da bi yaptım ve direk Code Beautifier ile tanıştım ve bu makaleyi yazmaya karar verdim.

Code Beautifier Nedir ?

CB (Code Beautifier) sitenizdeki gereksiz kodları kaldırır ve sitenizin daha hızlı açılmasını sağlar. Bu esnada CSS dosyalarınıza zararda vermez.

Kodları Nasıl Düzenlerim?

CSS Input kısmına CSS kodlarınızı dilerseniz olduğu gibi kopyala+yapıştır yapın dilerseniz bulunduğu adresi yazın. Process CSS butonuna tıkladığınız da kısa süre içerisinde işlem tamamlanacaktır. İşlem sonucunda CSS kodunuzun işlem öncesi kaç boyutta olduğunu ve işlem sonrası kaç boyuta indiğini gösterir. Bunu yüzdelik olarak da ifade ediyor. Aşağıdaki yazıda gördüğünüz gibi Input(Giren dosyanın boyutu) 1.178KB iken Output(Çıkan dosyanın boyutu): 0.978KB olmuş  ve Compression Ratio(Yüzdelik ve değer olarak kazanç) yazıyor;

Input: 1.178KB, Output:0.978KB, Compression Ratio: 17%(-200 Bytes)

Dilerseniz sağ tarafta bulunan Code Layout&Options bölümünden CSS kodlarını hangi derecede temizleyeceğinizi ayarlayabilirsiniz.

Siteye gitmek için aşağıdaki butonu kullanabilirsiniz.

Siteye Git
7 comments
  1. guneyhost

    Daha önce kullanmadım hiç böyle birşeyi. Ama bunun faydası olur mu tartışmak lazım. Eğer yeterince hızlı bir sunucuda kullanıyorsanız sitenizi 200 byte gibi bir farkın pek de fayda sağlayacağını düşünmüyorum.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

PREMIUM WORDPRESS TEMALARI
wordpress emlak teması
wordpress rent a car teması v2
%d blogcu bunu beğendi: