Mã & Định dạng

Trình thu nhỏ JS

Tối ưu hóa mã JavaScript của bạn miễn phí: giảm kích thước tệp bằng cách loại bỏ các bình luận và khoảng trắng thừa, và xem ngay tỷ lệ tiết kiệm được.

Trình thu nhỏ JS
Mã được tối thiểu hóa
Kích thước gốc
Kích thước thu nhỏ
Tiết kiệm
output.min.js
Tối ưu hóa đơn giản (loại bỏ chú thích và khoảng trắng). Đối với môi trường sản xuất, nên sử dụng công cụ tối ưu hóa toàn diện như Terser/esbuild.
Thông tin

Giới thiệu về JS Minimizer

Kích thước của các tệp JavaScript ảnh hưởng trực tiếp đến tốc độ tải trang web và điểm số Core Web Vitals. Việc nén mã (minification) giúp giảm đáng kể số byte cần thiết để truyền tệp đến trình duyệt bằng cách loại bỏ các chú thích, khoảng trắng không cần thiết, xuống dòng và thụt lề khỏi mã nguồn.

Cái này miễn phí. Trình thu nhỏ JS Công cụ này xử lý mã JavaScript mà bạn dán vào trình duyệt; không có dữ liệu nào được gửi đến máy chủ. Bình luận một dòng (//), bình luận nhiều dòng (/* ... */), khoảng trắng ở đầu và cuối dòng sẽ bị xóa. Chuỗi ("...", '...', `...`Nội dung bên trong các chuỗi ký tự `<script>` và `regex` được giữ nguyên; điều này giúp giảm thiểu nguy cơ suy giảm chức năng.

Dụng cụ, nguyên bảngiảm Nó so sánh kích thước mã và hiển thị tỷ lệ tiết kiệm. Ghi chú: Công cụ này thực hiện việc thu nhỏ quy mô ở mức cơ bản. Nó cung cấp chức năng đổi tên biến, loại bỏ mã không cần thiết và tối ưu hóa nâng cao cho môi trường sản xuất. Đảo ngược, esbuild hoặc UglifyJS Các công cụ thu gọn mã nguồn đầy đủ tính năng như thế này rất được khuyến khích sử dụng.

Cách sử dụng như thế nào?

Từng bước một

  1. Bạn muốn thu nhỏ nó Mã JavaScript Dán hoặc nhập vào ô phía trên.
  2. Giảm bớt Nhấp vào nút; các bình luận và khoảng trắng thừa sẽ được xóa ngay lập tức.
  3. Tỷ lệ tiết kiệm và kích thước byte được hiển thị trong phần kết quả.
  4. Mã được thu gọn Sao chép Lưu nó vào clipboard bằng nút đó, rồi sử dụng trong dự án của bạn.
  5. Đối với một mã khác Lau dọn Nhấp vào nút và lặp lại quy trình.
FAQ

Câu hỏi thường gặp

Không. Chuỗi công cụ ("...", '...'mẫu chữ `...`Nó phát hiện và bảo toàn nội dung của các chuỗi biểu thức chính quy và ký tự chú thích. Điều này đảm bảo rằng các phần xuất hiện dưới dạng ký tự chú thích nhưng thực chất là dữ liệu sẽ không bị xóa.

Thích hợp cho các dự án đơn giản và kiểm tra sơ bộ nhanh chóng. Tuy nhiên, nó hỗ trợ rút gọn biến, loại bỏ mã không cần thiết và ánh xạ nguồn trong môi trường sản xuất. Đảo ngược, esbuild hoặc UglifyJS Chúng tôi khuyên bạn nên sử dụng các công cụ đầy đủ tính năng như thế này.

Không. Toàn bộ quá trình diễn ra hoàn toàn trong trình duyệt của bạn (phía máy khách). Không có dòng mã nào được gửi đến hoặc lưu trữ trên máy chủ.

Tùy thuộc vào số lượng chú thích và khoảng trắng, kích thước mã thường giảm từ 10–40%. Tỷ lệ này có thể cao hơn đối với mã có nhiều chú thích. Cả sự khác biệt về byte và tỷ lệ phần trăm đều được hiển thị trong phần kết quả.

Không. Việc thu nhỏ mã chỉ loại bỏ các ký tự không cần thiết để giảm kích thước tệp; nó không thay đổi logic của mã. Mặt khác, việc làm rối mã (obfuscation) cố ý làm cho mã không thể đọc được. Công cụ này chỉ thực hiện việc thu nhỏ mã.