CSS'yi Küçült

CSS, HTML ve JavaScript'i bozmadan küçültün

Küçültülmüş kod

Yorumlar, boşluklar ve satır sonları kaldırılır. Adlar ve değerler olduğu gibi kalır, bu yüzden kod aynı şekilde çalışır.

Her şey tarayıcınızda gerçekleşir: metniniz hiçbir yere gönderilmez.

CSS nasıl küçültülür

Aşama 1

CSS'nizi ilk alana yapıştırın

Aşama 2

Küçültülmüş kodu ve kazanılan baytları görün

Aşama 3

Küçültülmüş CSS'yi sitenize kopyalayın

CSS küçültme ne yapar

Boşluklar, satır sonları, girintiler ve yorumlar stillerin insanlar tarafından okunmasını kolaylaştırır, ama tarayıcıların bunlara ihtiyacı yoktur. CSS'nizi yapıştırın, küçültülmüş kod siz yazarken görünür; boyutu bayt olarak ve ne kadar kazanıldığı da gösterilir. Yalnızca hiçbir şeyi değiştirmeyenler silinir: nav a gibi alt öğe seçicisindeki boşluk kalır, çünkü nava başka bir seçici olurdu; calc() için gereken boşluklar da öyle. Genellikle lisans içeren /*! ile başlayan yorumlar korunur.

Aynı araç HTML ve JavaScript'i de küçültür: dili alanın üstünden seçin. HTML için “Yorumları kaldır” yorumları siler, “İçindeki CSS ve JavaScript'i de küçült” ise sayfadaki stil ve betik bloklarını da küçültür. JavaScript önce tarayıcınız tarafından denetlenir; kodda hata varsa araç kodu küçültmek yerine hatayı gösterir. Küçültme, sunucudaki gzip veya Brotli sıkıştırmasını tamamlar, çünkü ikisi dosyayı farklı biçimlerde küçültür. Kodunuz hiçbir yere gönderilmez.

AnyTextEditor sizin için yararlı oldu mu?

Merhaba. Kendimiz için kullandığımız kullanışlı bir web sitesi oluşturmak için çok uğraştık. Araçlarımızdan ve düzenleyicilerimizden herhangi birini beğendiyseniz, onu yer imlerinize ekleyin, çünkü sizin için birden fazla kez yararlı olacaktır. Ve sosyal medyada paylaşmayı unutmayın. Senin için daha iyi olacağız.