it-swarm-vi.com

Làm cách nào để nén JavaScript và / hoặc CSS của tôi?

Tôi biết rằng có nhiều cách để tự động tải nó vào trang , nhưng nếu tôi muốn nén mã của mình để nó tải nhanh hơn nữa, tôi phải làm thế nào?

8
Jason

Giảm thiể dường như là tiêu chuẩn. Ở đây là một bài đăng trên blog với lời giải thích về cách sử dụng nó.

3
Travis Northcutt

Tôi thực sự khuyên bạn nên Trình biên dịch đóng cửa của Google để nén mã JavaScript. Tôi sử dụng nó cá nhân và nó cũng là trình nén chính thức được sử dụng bởi dự án jQuery.

Dự án này có thể làm khá nhiều, nhưng điều cơ bản là:

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

Sử dụng gzip .

3
ilhan

Tôi sử dụng dự án của Justin Etheredge SquishIt . Thật tuyệt vời Chỉ dành cho asp.net.

  • Nó sử dụng YUI để nén CSS và Javascript.
  • Nó hỗ trợ BÀI HỌC
  • Tôi tin rằng nó hỗ trợ Google Đóng
  • Nó rất dễ sử dụng.

Đọc giới thiệu bài đăng trên blog của squishit .

Đây là một số mã mẫu sẽ hiển thị một thẻ <script> và một thẻ <link>. Cả hai sẽ chỉ đến một tệp JS/CSS được kết hợp và rút gọn.

<%= 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

Có một số công cụ rất phổ biến để nén/thu nhỏ JavaScript và CSS của bạn.

  • Máy nén Yahoo YUI
  • Microsoft AJAX Công cụ khai thác
  • Trình biên dịch đóng cửa của Google (chỉ dành cho JavaScript)

Tất cả đều rất mạnh mẽ - bạn có thể tìm thấy sự so sánh của chúng khá dễ dàng. Tất cả đều là các công cụ dòng lệnh, vì vậy chúng có thể dễ dàng được tích hợp vào hoạt động của bạn khi bạn xây dựng hoặc xuất bản trang web của mình.

Bạn cũng có thể tìm thấy nhiều trang web chạy các công cụ này cho bạn, điều này sẽ giúp bạn tiết kiệm thời gian phải cài đặt/cấu hình. Điều này cũng hữu ích nếu bạn không quen sử dụng các công cụ dòng lệnh.

Cá nhân tôi đã luôn sử dụng YUI Compressor .

1
Sean Moubry

Kiểm tra so sánh công cụ khai thác JS & CSS này để chọn thứ phù hợp nhất với bạn -

0
mvark

Cái này sử dụng thuật toán nén YUI:

http://www.jscompressor.com

0
Nitro

Thêm tất cả javascript của bạn vào một tệp duy nhất và nén nó với ví dụ jsmin (http://www.crockford.com/javascript/jsmin.html). Làm điều này cũng tốt cho CSS của bạn nhưng sử dụng một kỹ thuật nén khác (loại bỏ khoảng trắng). Vì đây là một nhiệm vụ lặp lại nhàm chán, có những kịch bản có sẵn sẽ làm điều này cho bạn. Tôi sử dụng Django và sử dụng tài sản Django để tự động hóa hoàn toàn quy trình này.

0
D4V360

Nếu bạn muốn nén kích thước tệp Javascript của mình, bạn có thể sử dụng packer .

0
HoLyVieR