2009-10-31 28 views
20

Có ai biết máy phát điện trực tuyến tốt để lấy mã nguồn của trang HTML và nén/thu nhỏ toàn bộ trang không.Trình tối ưu hóa/máy nén HTML trực tuyến?

Có nghĩa là, nén/thu nhỏ tất cả CSS được nhúng, JavaScript và rõ ràng là HTML của trang web đó trong khi cũng xóa các nhận xét, không gian, tab không cần thiết HTML/CSS/JavaScript?

+1

Tôi sẽ không lo lắng quá nhiều về việc rút gọn. Hãy chắc chắn rằng bạn ít nhất gzip đầu ra của bạn đầu tiên, vì điều đó sẽ làm cho một sự khác biệt lớn hơn nhiều. – DisgruntledGoat

+4

@Disgruntled: Đó là cả hai/và tình huống. Để có kết quả tốt nhất, bạn rút gọn * và * gzip.Không khai thác có nghĩa là tất cả nhận xét của bạn được công khai hoặc bạn không viết nhận xét, cả hai đều nằm trong danh mục Ý tưởng tồi. –

+0

@ T.J. Crowder: Chắc chắn rồi. Tôi chỉ muốn chỉ ra rằng gzip là quan trọng hơn đáng kể so với minification, ít nhất là thứ tự độ lớn như vậy. Sự khác biệt giữa gzip một mình và minify + gzip gần như không có gì. – DisgruntledGoat

Trả lời

5

http://prettydiff.com/ - Điều này được viết bằng JavaScript để bạn có thể sử dụng ngay lập tức trong trình duyệt của mình.

+2

Không xóa nhận xét và vẫn để lại một chút không gian trắng không cần thiết (chẳng hạn như ngắt dòng). –

+0

@ T.J. Crowder - Nó loại bỏ ý kiến ​​và không gian trắng còn lại là cần thiết. Vui lòng đọc tài liệu để biết giải thích lý do. – austincheney

+0

Hey @Austin, rất vui được gặp bạn ở đây. Công cụ tôi đã nhận xét vào lúc đó không xóa nhận xét (tôi đã kiểm tra) và để lại các dấu ngắt dòng không cần thiết (trên thực tế, trong các nhận xét của JS, có ** không ** các dấu ngắt dòng cần thiết; chỉ các dấu chấm phẩy cần thiết). Công cụ bây giờ trông khá khác nhau và thực sự xóa nhận xét và ngắt dòng. Đáng buồn thay, nó loại bỏ các dấu ngắt dòng ở những nơi chúng ảnh hưởng đến chèn dấu chấm phẩy mà không chèn dấu chấm phẩy cần thiết - và do đó thay đổi mã. [Ví dụ] (http://jsbin.com/edurud0). * (Không giải tán.) * Tôi thích ý tưởng của một công cụ khác biệt có ý nghĩa, trông rất hữu ích. Tốt nhất với nó, –

0

Bản sao của https://stackoverflow.com/questions/728260/html-minification?

Và nếu bạn không thực sự cần một công cụ ON-Line, thì plugin PageSpeed ​​cho Firefox và máy nén Yahho đều thực sự là bộ lọc tốt. Ngoài ra, công cụ PageSpeed ​​có thể cung cấp cho bạn gợi ý những gì cần thay đổi và thay đổi nào sẽ mang lại sự thay đổi lớn nhất về tốc độ/kích thước.

11

Juriy Grigoryevich Zaytsev đã viết một minifier HTML trong JavaScript, mà bạn có thể sử dụng trực tuyến trên trang này: http://kangax.github.com/html-minifier/

Như lời cảnh báo nói, nó vẫn là alpha sớm, vì vậy có thể có lỗi. Sử dụng cẩn thận!

+2

Bạn có thể đọc thêm tại đây: http://perfectionkills.com/experimenting-with-html-minifier/ –

3

Có một máy nén trực tuyến làm giảm thiểu tất cả các khối CSS và JavaScript được nhúng và cũng là HTML. Nó tạo ra một mã đầu ra của dòng đơn, biểu diễn mã gốc và tôn trọng cấu trúc tài liệu.

Sử dụng trình nén Yahoo YUI và trình biên dịch Google Closure cho JavaScript.

Kiểm tra tại đây: HTMLcompressor.com

0

Tôi đã xem qua một kịch bản mà sẽ rút gọn HTML của bạn, Inline CSS, Javascript Inline On The Fly.

Kiểm tra ở đây Dynamic Website Compressor

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