it-swarm-tr.com

JavaScript ve / veya CSS'mi nasıl sıkıştırabilirim?

dinamik olarak sayfaya yükleyin olduğunu biliyorum, ancak kodumu daha hızlı yükleyebilmek için kodumu sıkıştırmak istersem nasıl yaparım?

8
Jason

Minify standart gibi görünüyor. Here , nasıl kullanılacağına dair bir açıklama içeren bir blog yazısıdır.

3

Ben tavsiye ederim Google Closure Compiler JavaScript kodunu sıkıştırmak için. Kişisel olarak kullanıyorum ve aynı zamanda jQuery projesi tarafından kullanılan resmi kompresör.

Bu proje çok şey yapabilir, ancak temelleri şudur:

Java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
8
Mike

Kullan gzip .

3
ilhan

Justin Etheredge's SquishIt projesini kullanıyorum. Bu mükemmel! Ancak sadece asp.net için.

  • CSS ve Javascript sıkıştırma için YUI kullanır.
  • LESS'i destekliyor
  • Google Closure’u desteklediğine inanıyorum
  • Gülünç kullanımı kolaydır.

Blog gönderisini ezmek için giriş 'i okuyun.

İşte tek bir <script> etiketi ve bir tek <link> etiketi oluşturacak bazı örnek kodlar. Her ikisi de birleştirilmiş ve küçültülmüş bir JS/CSS dosyasına işaret edecektir.

<%= Bundle.JavaScript()
    .Add("~/js/jquery-1.4.2.js")
    .Add("~/js/jquery-ui-1.8.1.js")
    .Render("~/js/combined_#.js")
%>

<%= Bundle.Css()
    .Add("~/css/reset.css")
    .Add("~/css/text.css")
    .Add("~/css/960.css")
    .Render("~/css/combined_#.css")
%>
2
jessegavin

JavaScript'inizi ve CSS'nizi sıkıştırmak/küçültmek için birçok popüler araç vardır.

  • Yahoo YUI Kompresör
  • Microsoft AJAX Minifier
  • Google Kapatma Derleyicisi (yalnızca JavaScript)

Hepsi çok güçlü - bunları kolayca karşılaştırabilirsiniz. Hepsi komut satırı araçlarıdır, böylece web sitenizi oluştururken veya yayınladığınızda otomatik olarak koşunuza entegre edilebilirler.

Ayrıca, bu aracı çalıştıran web sitelerini bulabilirsiniz, bu da kurulum/yapılandırma zamanından tasarruf etmenizi sağlar. Bu ayrıca komut satırı araçlarını kullanma konusunda bilgili değilseniz de yardımcı olur.

Şahsen, her zaman kullandım YUI Compressor .

1
Sean Moubry

Size en uygun olanı seçmek için JS ve CSS minifiers'ın bu karşılaştırmasını inceleyin -

0
mvark

Bu, YUI kompresör algoritmasını kullanır:

http://www.jscompressor.com

0
Nitro

Tüm javascript'lerinizi tek bir dosyaya ekleyin ve örneğin jsmin (http://www.crockford.com/javascript/jsmin.html) ile sıkıştırın. Bunu CSS'iniz için de yapın, ancak başka bir sıkıştırma tekniği kullanın (boşlukları kaldırarak). Bu sıkıcı, tekrarlayan bir görev olduğu için sadece bunu sizin için yapacak scriptler var. Django kullanıyorum ve bu işlemi tamamen otomatikleştirmek için Django varlıkları kullanıyorum.

0
D4V360

Javascript dosyalarınızın boyutunu sıkıştırmak istiyorsanız packer kullanabilirsiniz.

0
HoLyVieR