ขนาด bundle

ทุกไฟล์ dist/*.js ที่เผยแพร่จะมาพร้อมไฟล์คู่ .br + .gz ที่ pre-compressed ไว้ และ CI บังคับขีดจำกัดในทุก PR ผ่าน andresz1/size-limit-action

ขนาดปัจจุบัน (brotli + minified)

Entry	ขีดจำกัด	ขนาดปัจจุบัน
thai-qr-payment (umbrella เต็ม)	25 KB	13.7 KB
thai-qr-payment (renderThaiQRPayment เท่านั้น)	25 KB	13.6 KB
thai-qr-payment/payload sub-path	5 KB	3.09 KB
thai-qr-payment/qr sub-path	6 KB	4.74 KB
@thai-qr-payment/payload (เต็ม)	5 KB	3.09 KB
@thai-qr-payment/payload (payloadFor เท่านั้น)	4 KB	2.98 KB
@thai-qr-payment/qr	6 KB	4.75 KB
@thai-qr-payment/render	2 KB	1.24 KB
@thai-qr-payment/react	1 KB	256 B
@thai-qr-payment/assets	20 KB	4.83 KB

ประวัติการลดขนาด bundle

ในช่วงแรก umbrella มีขนาด 202 KB brotli — เพราะ asset SVG ของแบรนด์ถูก embed เป็น raster แบบ base64 ที่ห่อด้วย SVG wrapper ซึ่ง SVGO ไม่สามารถลด blob base64 ได้ มี optimization สองรายการที่ลงใน v0.1.0:

1. vtracer pass — re-trace ทุก logo เป็น SVG vector จริง แล้วผ่าน SVGO multipass: 202 KB → 18.5 KB (ลดลง 11 เท่า)
2. ตัด logo variant ทางเลือกออก — ถอด -02 ถึง -06 + PromptPay2 (commit bdadef3): 18.5 KB → 13.6 KB

รวม: ลดลง 15 เท่า จาก build เดิมที่ embed raster ไว้

อัตราการบีบอัด

bundle JS ที่เผยแพร่ทั้งหมดบีบอัดได้ดี — อัตรา brotli โดยทั่วไปอยู่ที่ 35-45%:

ไฟล์	raw	Brotli	Gzip
payload/dist/index.js	8.3 KB	2.98 KB	3.5 KB
qr/dist/index.js	13 KB	4.5 KB	5.2 KB
render/dist/index.js	3.5 KB	1.5 KB	1.7 KB
react/dist/index.js	1.2 KB	449 B	522 B

การบังคับใช้บน CI

workflow size-limit.yml รันบนทุก PR หากขนาดเกินขีดจำกัด action จะ comment บอก delta บน PR และทำให้ check fail หากต้องการขยายขีดจำกัด ให้แก้ .size-limit.json พร้อมเขียนเหตุผลสั้น ๆ หนึ่งบรรทัดใน commit