Công cụ khai thác Html GitHub
|
Xem bài đăng trên blog tương ứng để biết tất cả các chi tiết cơ bản về cách thức hoạt động, mô tả của từng tùy chọn, kết quả thử nghiệm và kết luận Show Bộ thử nghiệm có sẵn trực tuyến Cũng xem trình bao bọc Ruby tương ứng và cho Node. js, plugin Grunt, mô-đun Gulp, trình bao bọc phần mềm trung gian Koa và trình bao bọc phần mềm trung gian Express Đối với các khả năng giống như lint, hãy xem HTMLLint so sánh thu nhỏHTMLMinifier so với các giải pháp khác như thế nào — HTML Minifier từ Will Peavy (kết quả đầu tiên trong tìm kiếm "html minifier" của Google) cũng như htmlcompressor. com và giảm thiểu? Trang webKích thước ban đầu (KB)HTMLMinifierthu nhỏWill Peavyhtmlmáy nén. comGoogle4642464846HTMLMinifier12598111117111Twitter207165200224200Stack Overflow253195207215204Bootstrap CSS271260269228269BBC298239290291280Amazon422316412425n/aNBC553530552553534Wikipedia565461548569548New York Times678606675670n/aEloquent Javascript870815840864n/aES6 table591150515595n/an/aES draft612654955664n/an/aTùy chọn Tham khảo nhanhHầu hết các tùy chọn bị tắt theo mặc định OptionDescriptionDefault5Xử lý các thuộc tính theo cách phân biệt chữ hoa chữ thường (hữu ích cho các thẻ HTML tùy chỉnh) 6 7Bỏ qua các giá trị thuộc tính khỏi các thuộc tính boolean 6 9Không để lại bất kỳ khoảng trắng nào giữa các phần tử 0 khi thu gọn. Phải được sử dụng cùng với 1_______56_______03Thu gọn khoảng trắng đóng góp vào các nút văn bản trong cây tài liệu 6 5Luôn thu gọn thành 1 khoảng trắng (không bao giờ xóa hoàn toàn). Phải được sử dụng cùng với 1____56_______08Xử lý lỗi phân tích cú pháp thay vì hủy bỏ. 6 0Mảng biểu thức chính quy cho phép hỗ trợ các biểu thức gán thuộc tính tùy chỉnh (e. g. 1) 2 3Regex chỉ định thuộc tính tùy chỉnh để loại bỏ các dòng mới khỏi (e. g. 4) 5Mảng biểu thức chính quy cho phép hỗ trợ các biểu thức bao quanh thuộc tính tùy chỉnh (e. g. 6) 2 8Mảng biểu thức chính quy cho phép hỗ trợ các thuộc tính sự kiện tùy chỉnh cho 9 (e. g. 60) 61 62Sử dụng các ký tự Unicode trực tiếp bất cứ khi nào có thể 6 64Đầu vào phân tích cú pháp theo thông số kỹ thuật của HTML5 65 66Mảng biểu thức chính quy cho phép bỏ qua một số nhận xét nhất định khi khớp 67 68Mảng biểu thức chính quy cho phép bỏ qua một số đoạn nhất định khi khớp (e. g. 69, 50, v.v. ) 51 52Chèn thẻ được tạo bởi trình phân tích cú pháp HTML 65 54Giữ dấu gạch chéo ở cuối trên các phần tử đơn lẻ 6 56Chỉ định độ dài dòng tối đa. Đầu ra được nén sẽ được phân chia theo dòng mới tại các điểm phân tách HTML hợp lệ 57Giảm thiểu CSS trong các phần tử kiểu và thuộc tính kiểu (sử dụng clean-css) 6 (có thể là 65, 50, 51) 9Giảm thiểu JavaScript trong các phần tử tập lệnh và thuộc tính sự kiện (sử dụng UglifyJS) 6 ( . Phải được sử dụng cùng với 1_______56_______565Ngăn chặn việc thoát các giá trị của thuộc tính____56 67Xử lý nội dung của nhận xét có điều kiện thông qua công cụ khai thác 6 69Mảng chuỗi tương ứng với các loại phần tử tập lệnh để xử lý thông qua công cụ khai thác (e. g. 70, 71, v.v. ) 2 73Loại trích dẫn sẽ sử dụng cho giá trị thuộc tính (' hoặc ") 74Xóa dấu ngoặc kép xung quanh thuộc tính khi có thể 6 76Xóa nhận xét HTML 6 78Xóa tất cả các thuộc tính có giá trị chỉ khoảng trắng 6 (có thể là 65, 61) 62Xóa tất cả các phần tử có nội dung trống 6 64Xóa các thẻ tùy chọn 6 66Xóa các thuộc tính giá trị phù hợp với mặc định. 6 68Xóa 69 khỏi thẻ 90. Các giá trị thuộc tính 91 khác được giữ nguyên 6 93Xóa 94 khỏi các thẻ 95 và 96. Các giá trị thuộc tính 91 khác được giữ nguyên 6 99Xóa khoảng trắng giữa các thuộc tính bất cứ khi nào có thể. Lưu ý rằng điều này sẽ dẫn đến HTML không hợp lệ. 6 01Sắp xếp các thuộc tính theo tần suất 6 03Sắp xếp các lớp phong cách theo tần suất 6 05Cắt bớt khoảng trắng xung quanh 68. 6 08Thay thế 09 bằng loại tài liệu ngắn (HTML5) 6 Sắp xếp các thuộc tính/lớp kiểuCác tùy chọn công cụ khai thác như 01 và 03 sẽ không ảnh hưởng đến kích thước văn bản thuần túy của đầu ra. Tuy nhiên, chúng tạo thành các chuỗi ký tự dài lặp đi lặp lại sẽ cải thiện tỷ lệ nén của gzip được sử dụng trong nén HTTP trường hợp đặc biệtBỏ qua các đoạn đánh dấuNếu bạn có nhiều phần đánh dấu mà bạn muốn giữ nguyên, bạn có thể bọc chúng lại 13 Bảo quản thẻ SVGCác thẻ SVG được tự động nhận dạng và khi chúng được thu nhỏ, cả phân biệt chữ hoa chữ thường và dấu gạch chéo đóng đều được giữ nguyên, bất kể cài đặt thu nhỏ được sử dụng cho phần còn lại của tệp Làm việc với đánh dấu không hợp lệHTMLMinifier không thể hoạt động với các đoạn đánh dấu không hợp lệ hoặc một phần. Điều này là do nó phân tích cú pháp đánh dấu thành cấu trúc cây, sau đó sửa đổi nó (xóa mọi thứ được chỉ định để xóa, bỏ qua mọi thứ được chỉ định bỏ qua, v.v. ), sau đó nó tạo một đánh dấu từ cây đó và trả về Đánh dấu đầu vào (e. g. 14) ↓ Biểu diễn bên trong của đánh dấu ở dạng cây (e. g. 15) ↓ Chuyển đổi biểu diễn bên trong (e. g. loại bỏ thuộc tính 16) ↓ Đầu ra của đánh dấu kết quả (e. g. 17) HTMLMinifier không thể biết rằng đánh dấu ban đầu chỉ là một nửa của cây; . Do đó, nó không thể tạo cây một phần/không đúng định dạng tại thời điểm xuất hướng dẫn cài đặtTừ NPM để sử dụng làm ứng dụng dòng lệnh 1 Từ NPM để sử dụng theo chương trình
Từ Git
Cách sử dụngLưu ý rằng hầu hết các tùy chọn đều bị tắt theo mặc định. Để sử dụng dòng lệnh, vui lòng xem 18 để biết danh sách các tùy chọn khả dụng. Thử nghiệm và tìm những gì phù hợp nhất với bạn và dự án của bạn |
