Thu gọn JSON

JSON Minification là gì?

JSON minification (thu gọn JSON) là quá trình loại bỏ tất cả khoảng trắng không cần thiết khỏi dữ liệu JSON, bao gồm dấu cách, tab, xuống dòng và thụt lề, mà không làm thay đổi cấu trúc hay giá trị dữ liệu. Kết quả là một chuỗi JSON nhỏ gọn hơn, tiêu tốn ít băng thông hơn khi truyền qua mạng và ít dung lượng lưu trữ hơn.

Điều quan trọng cần hiểu: JSON được định nghĩa trong RFC 8259 không quy định việc thụt lề. Khoảng trắng trong JSON chỉ dành cho con người đọc. Máy tính phân tích cú pháp JSON chỉ quan tâm đến cấu trúc dữ liệu, không phải định dạng. Vì vậy, minification không ảnh hưởng đến tính toàn vẹn dữ liệu.

Tại sao nên thu gọn JSON?

Thu gọn JSON mang lại nhiều lợi ích thiết thực:

• Giảm kích thước payload: Thông thường giảm 20-50% kích thước file, tùy thuộc vào mức thụt lề gốc. JSON với indent 4 spaces tiết kiệm nhiều hơn indent 2 spaces.
• Tải trang nhanh hơn: Payload API nhỏ hơn đồng nghĩa với thời gian tải ngắn hơn, đặc biệt quan trọng trên mạng di động chậm.
• Tiết kiệm băng thông: Với hàng triệu request mỗi ngày, giảm 30% kích thước JSON có thể tiết kiệm đáng kể chi phí CDN và bandwidth.
• Cải thiện hiệu suất parse: Parser xử lý chuỗi ngắn hơn nhanh hơn, giảm thời gian JSON.parse() phía client.
• Lưu trữ hiệu quả: Dữ liệu JSON trong cơ sở dữ liệu (MongoDB, Redis, PostgreSQL JSONB) chiếm ít dung lượng hơn.

JSON.stringify hoạt động như thế nào?

Công cụ này sử dụng hàm JSON.stringify() tích hợp sẵn trong JavaScript. Quá trình gồm hai bước:

• Bước 1 — Parse: JSON.parse(input) chuyển chuỗi JSON thành đối tượng JavaScript. Nếu JSON không hợp lệ, bước này sẽ ném lỗi SyntaxError.
• Bước 2 — Serialize: JSON.stringify(obj) chuyển đối tượng ngược lại thành chuỗi JSON, mặc định không có khoảng trắng (minified). Tham số thứ ba (indent) nếu không truyền sẽ tạo output compact.

Khi nào nên và không nên thu gọn JSON

Lỗi thường gặp khi thu gọn JSON

• Trailing comma: {"a": 1,} — JSON không cho phép dấu phẩy cuối. Xóa dấu phẩy sau phần tử cuối cùng.
• Single quotes: {'key': 'value'} — JSON bắt buộc dấu ngoặc kép. Đổi sang "key".
• Comments: JSON không hỗ trợ comments (// hay /* */). Loại bỏ trước khi minify.
• Unquoted keys: {key: "value"} — Tất cả key trong JSON phải được bao trong ngoặc kép.
• Dữ liệu quá lớn: Với file JSON trên 50MB, nên dùng streaming parser (như JSONStream trong Node.js) thay vì JSON.parse().

Thu gọn JSON trong production

Trong thực tế, JSON thường được minify tự động bởi framework và build tools. Express.js mặc định không thêm khoảng trắng vào res.json(). Nginx có thể compress JSON response với gzip/brotli. Nhiều CDN tự động minify JSON response.

Tuy nhiên, việc minify thủ công vẫn hữu ích cho: config files nhúng trong environment variables, JSON payloads lưu trong database, dữ liệu hard-coded trong source code, và khi gửi JSON qua các kênh không hỗ trợ compression.