2009-03-31 28 views
38

Tôi đang tìm một số ứng dụng hoặc trang web giảm thiểu tệp css và js. Lý tưởng nhất, họ có thể bó chúng tất cả hoặc nếu không, mỗi lần một.Một số bộ giảm thiểu css và js tốt cho mã sản xuất là gì?

+1

Trước đây bảo hiểm: http://stackoverflow.com/q/65491/85414 – mahalie

+0

Kiểm tra các giải pháp 7 bước ** ** mô tả ở đây http://stackoverflow.com/a/11624173/863980 –

Trả lời

36

YUI Compressor thực hiện cả JavaScript và CSS. Tôi không chắc liệu bạn có thể gửi một loạt tệp không.

Bạn có thể quy trình hàng loạt tại YUI Compressor Online (yui.2clics.net), mặc dù phiên bản đó chỉ chấp nhận JavaScript. Một số khác Online YUI Compressor (refresh-sf.com) cũng chấp nhận CSS, nhưng không chấp nhận hàng loạt.

Về mặt so sánh các bộ khai thác khác nhau, hãy xem jQuery : Frequently Asked Questions (FAQ) : How do I compress my code? Ngoài ra, hãy xem Microsoft Ajax Minifier.

jQuery đã chuyển từ Máy nén YUI thành Google's Closure Compiler cho phiên bản được rút gọn mà chúng phân phối.

+0

bạn có thể gửi cho tôi liên kết đến đó không? – Brian

+0

Tôi đã chỉnh sửa câu trả lời của mình để bao gồm các liên kết – bdukes

+0

Cảm ơn bạn có trực tuyến cho phép css hoặc chỉ js không? – Brian

2

Tôi sử dụng Packer bởi Dean Edwards cho javascript.

+3

Chi phí phía máy khách của việc giải nén JS đóng gói có xu hướng vượt quá tốc độ tăng tốc của việc tải xuống một tệp được rút gọn. Với tính năng nén gzip, toàn bộ nguồn có thể nhanh hơn đóng gói: http://www.ericmmartin.com/comparison-of-javascript-compression-methods/ –

9

YUI Compressor khá thú vị. Bạn có thể chạy nó như là một phần của một quá trình xây dựng từ dòng lệnh

6

Hãy xem The JavaScript CompressorRater. Nó so sánh trực tiếp các bộ khai thác khác nhau (có và không có nén gzip) cho bất kỳ mã JavaScript nào bạn cung cấp.

Nó cũng (chủ yếu) hoạt động với CSS, mặc dù không phải tất cả trình chỉnh sửa đều hỗ trợ nó và thậm chí không phải tất cả những người làm (ví dụ: YUI) hiển thị chính xác trong bảng so sánh.

+0

thực sự gọn gàng! – Brian

+0

Đối với hồ sơ, YUI hỗ trợ CSS, chỉ cần không thông qua bất kỳ phương pháp CompressorRater đang sử dụng. – bdukes

+0

Điều cần biết, tôi sẽ cập nhật câu trả lời của mình. –

0

Về cơ bản những gì bạn đang tìm kiếm là tăng tốc trang web của bạn bằng cách giảm kích thước phản hồi.

Điều khác ngoài các tệp jss được rút gọn và css là bạn có thể thực hiện nén http. Vui lòng xem qua thisthis.

0

Nếu bạn không ngại sử dụng Perl như một phần của quá trình xây dựng, JavaScript::CSS::Minifier hoạt động khá tốt.

2

Ngoài ra còn có a .NET port of YUI Compressor cho phép bạn: -

  • Tích hợp các việc rút gọn/tập tin kết hợp vào Visual Studio sau xây dựng các sự kiện
  • Tích hợp vào một TFS Xây dựng (bao gồm cả CI)
  • nếu bạn chỉ muốn sử dụng dll trong mã của riêng bạn (ví dụ như trong quá trình khai thác bay).
4

Microsoft phát hành Microsoft Ajax Minifier trên codeplex ngay hôm nay. Bao gồm một MS xây dựng nhiệm vụ và mọi thứ bên trong VS 2005/2008

0

nén YUI là rất tốt.

Một công cụ khác (và vũ khí lựa chọn của tôi do PHP-ness) là dự án Minify dựa trên PHP5 được lưu trữ trên mã Google. Nếu bạn đang trên một nền tảng PHP xem xét nó. Thay vì chạy công cụ của bạn thông qua một dịch vụ sau khi thực tế, bạn cài đặt và cấu hình này trên máy chủ web của bạn một lần và sau đó mã và bình luận nhiều như bạn muốn và minify sẽ xây dựng lại (reminify) CSS của bạn và/hoặc Javascript trên bay. Ừ. Tôi đã sử dụng nó, hoạt động tuyệt vời !!

http://code.google.com/p/minify/

Các vấn đề liên quan