Küçült / Güzelleştir

Kodu küçültün veya güzelleştirin. Her şey tarayıcınızda kalır.

Küçült / Güzelleştir nasıl çalışır

Küçült / Güzelleştir, HTML, CSS ve JavaScript'i yorumları, gereksiz boşlukları ve gereksiz karakterleri kaldırarak sıkıştırır ya da küçültülmüş kodu okunabilir girintili biçime geri açar. Tüm işleme tarayıcıda paketlenmiş ayrıştırıcılar kullanılarak gerçekleşir; yapıştırdığınız hiçbir şey herhangi bir yere iletilmez. Buraya yazdığınız hiçbir şey cihazınızdan çıkmaz.

Küçültme, sayfa yükleme performansını doğrudan etkiler: daha küçük dosyalar daha hızlı aktarılır, daha hızlı ayrıştırılır ve daha az bant genişliği tüketir. Üretim dağıtımları için küçültülmüş varlıklar standarttır. Bu araç, okumak için küçültülmüş bir dosya aldığınızda (güzelleştirme), bir yapı ardışık düzenine entegre etmeden önce küçültücünün bir parçacığa ne yaptığını kontrol etmek istediğinizde veya bir yapı aracı kurmadan hızlı tek seferlik küçültmeye ihtiyacınız olduğunda kullanışlıdır.

Yazan: Bastien Sulyan

Küçült / Güzelleştir nasıl kullanılır, adım adım

HTML, CSS veya JavaScript kodunuzu giriş alanına yapıştırın.
Açılır listeden dil türünü seçin (HTML, CSS veya JavaScript).
Sıkıştırılmış sürümü üretmek için «Küçült»e veya kodu genişletip girintili hale getirmek için «Güzelleştir»e tıklayın.
Kopyala düğmesini kullanarak çıktı alanından sonucu kopyalayın.
Gerektiğinde farklı kod yapıştırın ve tekrarlayın.

Yaygın kullanım örnekleri

Bir ön uç geliştirici, katlama üzeri performans için HTML başlığına satır içi yerleştirmek üzere kritik CSS parçacığını küçültmek istiyor.
Bir geliştirici, küçültülmüş üçüncü taraf komut dosyası alır ve güvenlik incelemesi sırasında mantığını anlamak için güzelleştirmek istiyor.
Bir teknik yazar, belgelere eklemek için küçültülmüş bir JSON-LD komut dosyası etiketinin güzelleştirilmiş sürümüne ihtiyaç duyuyor.
Bir web geliştiricisi, bir yapı adımı eklemeye karar vermeden önce bir CSS dosyasını küçülterek bayt tasarrufunu kontrol ediyor.

Sık sorulan sorular

Yapıştırdığım kod küçültme için herhangi bir sunucuya gönderiliyor mu?

Hayır. Küçültme ve güzelleştirme, üçüncü taraf bir küçültücüden alınmak yerine bu araç için yazılmış, sayfanın kendi koduyla yapılır. Tüm işleme tarayıcı sekmesinde kalır. Buraya yapıştırdığınız hiçbir şey Sunasty'ye veya herhangi bir üçüncü tarafa iletilmez.

JavaScript küçültme, kodun orijinal davranışını korur mu?

İyi bir küçültücü, yalnızca boşlukları kaldırarak, kontrollü bir kapsam içinde değişken adlarını kısaltarak ve yorumları silerek davranışı korur. Bu araç güvenli dönüşümleri hedefler. Ölü kod eliminasyonu veya fonksiyon satır içi yerleştirme gibi agresif optimizasyonlar genellikle uygulanmaz, çünkü bunlar tam program analizi gerektirir.

Küçülttükten sonra doğrulamak için sonucu güzelleştirebilir miyim?

Evet. Önce kodu küçültün, ardından küçültülmüş çıktıyı giriş alanına geri yapıştırın ve Güzelleştir'e tıklayın. Güzelleştirilmiş sürüm orijinal kaynaktan farklı görünür (değişken adları kısaltılmış, yorumlar silinmiş olabilir) ancak yapısal olarak eşdeğer olacaktır.

HTML küçültme tüm yorumları kaldırıyor mu?

Araç, küçültme sırasında standart HTML yorumlarını () siler. Eski IE sürümlerinde kullanılan koşullu yorumlar () her zaman korunur, bu yüzden yorumların kaldırılması bunlara bağlı eski davranışları bozamaz.

Küçültebileceğim kod için boyut sınırı var mı?

Sınır, tarayıcı sekmenizdeki kullanılabilir belleğidir. Birkaç yüz kilobayta kadar kod hızla işlenir. Büyük JavaScript paketleri (megabayt) için esbuild, Terser veya Lightning CSS gibi özel bir yapı aracı daha hızlıdır ve üretim kullanımı için daha uygundur.

İlgili araçlar

Her şeyi yerel tutun, tamamlayıcı araçları keşfedin.

Tüm geliştirici araçları