Kullanıcı arayüzünü kullanmaya başlama

Kapatma derleyici hizmeti kullanımdan kaldırılmıştır ve kaldırılacaktır. Bunun yerine derleyiciyi yerel olarak çalıştırmayı düşünebilirsiniz.

Kapatma Derleyici Derlemesi Kullanıcı Arayüzünde Hello World

Closure Compiler hizmetini tanımanın en kolay yolu, hizmetin web kullanıcı arayüzündeki birkaç basit işlevi optimize etmektir.

  1. Bu sayfayı başka bir sekmede veya pencerede açarak Closure Compiler kullanıcı arayüzüne erişin: http://closure-derr.appspot.com.

  2. Kapatma Derleyici Kullanıcı Arayüzü'nün basit bir Hello World işleviyle önceden doldurulduğunu göreceksiniz:

    Kullanıcı arayüzü ekran görüntüsü

  3. Sonucu görmek için "Derle"yi tıklayın:

    Kullanıcı arayüzü ekran görüntüsü

İşte bu kadar. Artık JavaScript kodunun orijinal sürümle aynı şekilde çalışan çok daha küçük bir sürümüne sahipsiniz. Closure Compiler hizmeti, yorumları ve boşlukları kaldırarak ve temel simgeleri yeniden adlandırarak kodu 92 bayttan yalnızca 55 bayta düşürdü.

Size kolaylık sağlamak için Closure Compiler hizmeti, çıkış dosyasını (default.js) bir saat boyunca sunucularında barındırıyor. Çıkış dosyasının URL'sine, çıkış bölmesinin üzerinde sağlanan bağlantının konumunu kopyalayarak erişebilirsiniz. Burada Koda {filename} sayfasından da erişilebilir ifadesi yer almaktadır. Orijinal JavaScript kodunda herhangi bir değişiklik yapıp bu saat içinde yeniden optimize ederseniz, giriş alanının en üstünde @output_file_name parametresini değiştirmediğiniz sürece Closure Compiler hizmeti, yeni sonuçları içeren çıkış dosyasının üzerine yazar. Bu özelliği, test uygulamanızdan dosyaya doğrudan bağlantı oluşturarak derlenmiş kodunuzu test etmenin hızlı bir yolu olarak kullanabilirsiniz. Üretim sunucularından bağlantı vermeyin.

Not: Kötüye kullanımı önlemek için kapatabilirsiniz. Son zamanlarda çok fazla derleme yapıldı. Daha sonra tekrar deneyin. Bu, geçici olarak sınırı aştığınız anlamına gelir.

JavaScript dosyasını optimize etme

Ayrıca, bir veya daha fazla JavaScript dosyasının içeriğini Closure Compiler kullanıcı arayüzünü kullanarak optimize edebilirsiniz.

  1. URL'yi http://developers.google.com/closure/compiler/samples/tutorial2.js kopyalayıp URL ekleyin kutusuna yapıştırın. Bu dosya, DOM ağacında düğüm oluşturmak için optimize edilmemiş kod içeriyor.

  2. Ekle'yi tıklayın. (Eklenecek birden fazla dosyanız varsa hepsini ekleyene kadar 1. ve 2. adımı tekrarlayın. Dilerseniz dosya adlarını doğrudan metin alanına da yazabilirsiniz.)

  3. Closure Compiler hizmetinin, sıkıştırılmış dosyayı sunmasını istiyorsanız giriş alanının üst kısmındaki @output_file_name parametresini kullanarak çıkış dosyası için bir ad seçin. Çıkış dosyası için varsayılan adın default.js olduğunu, ancak bunu projeniz için daha anlamlı bir adla değiştirmeniz gerektiğini unutmayın. Ayrıca, Closure Compiler hizmetinin, çıkış dosyasını bir saat boyunca sunucularında barındırdığını unutmayın.

  4. Derle'yi tıklayın.

Optimize edilmiş JavaScript'i sağ tarafta, aşağıdaki gibi göreceksiniz:

Kullanıcı arayüzü ekran görüntüsü

Optimize edilmiş kodu kullanmak için kesip kaynak dosyanıza yapıştırabilir, dosyayı dizininize indirebilir veya doğrudan komut dosyanıza (bir saate kadar) bağlayabilirsiniz.

Kısa süre önce, temel kapanış işlevlerinin kullanıcı arayüzünde kapsanan örnekleri optimize etmeye çalıştınız. Ek web hizmeti seçenekleri için wiki'ye göz atın.

Closure Compiler hizmetinin JavaScript optimizasyon sürecini daha büyük bir sistemde oluşturmak isterseniz doğrudan Closure Compiler service API ile konuşmanız gerekir. Daha fazla bilgi için Closure Compiler Service API'yi kullanmaya başlama başlıklı makaleye bakın.