JavaScript / CSS Nén gọn (Minify)
Nén và làm nhẹ mã nguồn JavaScript và CSS
Đặc điểm
Nén cả JS và CSS
Làm nhẹ mã nguồn của 2 ngôn ngữ bằng cách chuyển tab
Loại bỏ đồng loạt chú thích và khoảng trắng
Tự động giảm cả dấu xuống dòng và dấu chấm phẩy thừa
Trực quan hóa lượng giảm bằng số liệu
Hiển thị ngay kích thước trước, sau khi nén và tỷ lệ giảm
Giữ nguyên chuỗi và biểu thức chính quy
Nén an toàn mà không phá vỡ các literal trong mã
Cách dùng
Chọn ngôn ngữ để nén
Chọn ngôn ngữ để nén từ tab JavaScript và CSS
Nhập mã nguồn
Dán mã vào ô nhập, hoặc dùng thử bằng nút mẫu
Thực thi bằng nút nén
Tạo kết quả nén đã loại bỏ khoảng trắng và chú thích
Kiểm tra và lưu kết quả nén
Kiểm tra mã sau khi nén và tỷ lệ giảm, lấy về bằng cách sao chép hoặc tải xuống
Trường hợp sử dụng
Tăng tốc hiển thị website
Giảm kích thước tệp JS, CSS để rút ngắn thời gian tải
Xử lý cuối trước khi phát hành chính thức
Làm nhẹ tài nguyên phát hành để giảm chi phí phân phối
Tiết kiệm dung lượng dữ liệu di động
Nén lượng dữ liệu truyền để tiết kiệm cho môi trường di động
Làm rối mã nguồn
Loại bỏ thông tin định dạng để mã nguồn khó đọc hơn
Kiến thức cơ bản
Sự khác biệt giữa minify và obfuscation
Minify là quá trình loại bỏ khoảng trắng, dấu ngắt dòng và bình luận để giảm kích thước tệp, kết quả là mã trở nên khó đọc hơn, nhưng nó khác với obfuscation (có mục đích ngăn chặn giải mã thông qua thay thế tên biến hoặc chuyển đổi cấu trúc).
Mối quan hệ với nén gzip
Minify và nén gzip/Brotli phía máy chủ có thể được sử dụng cùng nhau, và việc áp dụng cả hai là tiêu chuẩn. Vì minify giảm kích thước ban đầu, sau đó nó được nén thêm trong quá trình truyền tải, nên hiệu quả được chồng lên nhau.
An toàn và quyền riêng tư
Hoàn tất trong trình duyệt
Dữ liệu nhập vào chỉ được xử lý bên trong trình duyệt của bạn và không được gửi ra ngoài.
Xử lý chỉ trong trình duyệt
việc nén mã được thực hiện hoàn toàn trong trình duyệt của bạn, dữ liệu đầu vào không được gửi đến máy chủ.
Truyền thông được mã hóa bằng HTTPS
Tải trang cũng được mã hóa bằng TLS, nội dung không bị đọc bởi bên thứ ba.
Không gửi cho bên thứ ba
Nội dung đầu vào không được gửi đến các dịch vụ bên ngoài như mạng quảng cáo hoặc trình theo dõi.
Không lưu kết quả tự động
đầu vào và kết quả nén và các gợi ý đầu vào không được lưu trữ trên máy chủ.
Theo dõi RAKKOTOOLS trên Tìm kiếm Google
175 công cụ tiện lợi sẽ dễ tìm hơn từ Tìm kiếm Google và tìm kiếm AI!
- Tìm thấy trong kết quả tìm kiếm
- Hiển thị trong tìm kiếm AI
- Khám phá công cụ mới
Thông tin cập nhật
- update #216
Sửa lỗi văn bản tiếng Nhật hiển thị trên các trang không phải tiếng Nhật của một số công cụ
- update #162
Giải quyết vấn đề màu bán trong suốt không hoạt động trên một số trình duyệt khi sử dụng CSS Minifier
- update #86
Công cụ nén CSS khắc phục sự cố bố cục do mất khoảng trắng bộ chọn
- update #27
Sửa các lỗi đầu ra trong công cụ nén như chia nhỏ định danh JavaScript và hỏng bộ chọn con CSS
- update #7
Giữ khoảng trắng bắt buộc trong biểu thức và media query khi nén JS/CSS