Tại sao mã nguồn cho một số trang web tất cả trong một dòng?

Question

Khi xem nhiều mã nguồn của trang web (như JS, CSS, HTML), tôi tìm thấy chúng trong một dòng. Làm thế nào mà họ làm được điều này? Họ có sử dụng một số công cụ để làm cho nó? Chúng ta có thể cơ cấu lại nó không?

Cảm ơn.

Answer 1

Sử dụng kỹ thuật Rút gọn

Một số công cụ miễn phí cũng có sẵn

http://developer.yahoo.com/yui/compressor/

http://www.minifycss.com/minify-tools/minify-css-tools.php

http://jscompress.com/

http://www.minifycss.com/css-compressor/

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

Nó kết hợp nhiều tệp CSS hoặc Javascript, xóa khoảng trống và nhận xét không cần thiết và phân phát chúng bằng mã hóa gzip và tiêu đề bộ nhớ cache phía máy khách tối ưu.

Answer 2

HTML được rút gọn, tức là xóa khoảng trắng.

Có nhiều công cụ có thể thực hiện việc này, bạn có thể tìm chúng bằng cách Googling cho minify HTML.

Để un-rút gọn nó hoặc làm đẹp nó như họ nói, bạn có thể google cho beautify HTML.

Điều tương tự cũng áp dụng cho CSS. Có thể là minified và beautified.

---

Javascript can also be minified tuy nhiên hầu hết các công cụ hiện nay xáo trộn những biểu tượng có nghĩa là mặc dù bạn có thể làm đẹp nó, nó sẽ khó khăn hơn để hiểu được nó sau đó.

Các thay thế cho việc rút gọn Javascript là Javascript Packer

Answer 3

Đây là kết quả của việc sử dụng các công cụ g việc rút gọn. Mục đích là làm cho azpidsibld az az của JavaScript nhỏ như vậy nếu có thể tải xuống càng nhanh càng tốt.

Máy nén YUI là một và có nhiều tính năng khả dụng hơn.

Answer 4

Mã JavaScript, CSS vv là một trong lót để được cụ thể 'nén' để loại bỏ các dấu cách thêm từ mã .. Điều này làm giảm kích thước của tập tin như vậy, thời điểm css tải hoặc JavaScript tập tin giảm ...

Có nhiều công cụ được sử dụng để nén mã cho ví dụ http://javascriptcompressor.com/

Answer 5

tôi nghĩ uglify.js là công cụ tốt giúp giảm thiểu mã js. tham khảo liên kết này https://github.com/mishoo/UglifyJS, đáng học hỏi ..