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?
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?
Câu trả lời:
Giảm thiểu dường như là tiêu chuẩn. Dưới đây là một bài viết trên blog với lời giải thích về cách sử dụng nó.
Tôi đặc biệt khuyên dùng 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.jsSử dụng gzip .
Tôi sử dụng dự án SquishIt của Justin Etheredge . Thật là tuyệt vời Chỉ dành cho asp.net.
Đọc phần giới thiệu để đăng bài trên blog .
Đây là một số mã mẫu sẽ kết xuất một <script>thẻ đơn và một <link>thẻ đơn . 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")
%>Có một số công cụ rất phổ biến để nén / thu nhỏ JavaScript và CSS của bạn.
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 máy nén YUI .
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.
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 -
Cái này sử dụng thuật toán nén YUI:
{1,2,3,}sẽ phá hủy hoàn toàn trang web của bạn trên một "trình duyệt nhất định" (vâng, trình duyệt nào khác có thể rất ngu ngốc ??)