gzip 1

[Web, Nginx] "data url(base64 encoded) image" vs "image file" ๊ทธ๋ฆฌ๊ณ  nginx gzip

ํ˜„ ์ƒํ™ฉ ์ง‘์— ์„œ๋ฒ„๋ฅผ ๊ตฌ์ถ•ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์—, ๋งŒ๋“ค์–ด ๋‘” ๋ธ”๋กœ๊ทธ๋ฅผ ์„œ๋ฒ„์— ์˜ฌ๋ฆฌ๊ณ  ๊ณ„์†ํ•ด์„œ ๋‹ค๋“ฌ๊ณ  ์žˆ๋‹ค. ์„œ๋ฒ„๋Š” ์ž˜ ์˜ฌ๋ผ๊ฐ”๋Š”๋ฐ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„๊ฐ€ ๋„ˆ๋ฌด ๋Š๋ ค์„œ ๋ฌด์Šจ ์ผ์ธ๊ฐ€ ๋ณด๋‹ˆ.. ๐ŸŒ ์ธํ„ฐ๋„ท ์†๋„๊ฐ€ ๋„ˆ๋ฌด ๋Š๋ฆฌ๋‹ค... ๋Œ€์ถฉ ์ดˆ๋‹น 1MB ๋ฐ–์— ์•ˆ๋œ๋‹ค. ๊ทธ๋ž˜์„œ ๊ณต์œ ๊ธฐ๋ฅผ ๊ฑฐ์น˜์ง€ ์•Š๊ณ  ์ธํ„ฐ๋„ท์„ ์—ฐ๊ฒฐํ•˜๋‹ˆ ์ดˆ๋‹น 10MB๋Š” ๋‚˜์˜ค๋”๋ผ(๋‹คํ–‰). ์–ด์จŒ๋“  ์ด ๋ฌธ์ œ๋Š” ๊ณต์œ ๊ธฐ๋ฅผ ๊ต์ฒดํ•˜๊ธฐ๋กœ ํ–ˆ๊ณ , ๊ณต์œ ๊ธฐ๊ฐ€ ๋„์ฐฉํ•˜๊ธฐ ์ „๊นŒ์ง€ ์‚ฌ์ดํŠธ ์„ฑ๋Šฅ์ด๋‚˜ ํŠœ๋‹ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค. ์ดˆ๋‹น 1MB๋ผ๋‹ˆ, ์ด๋ ‡๊ฒŒ ์ข‹์€ ์‹คํ—˜ ํ™˜๊ฒฝ์ด ์–ด๋”” ์žˆ๋Š”๊ฐ€! ๊ทธ๋ž˜์„œ ํŠœ๋‹ํ•  ๋ถ€๋ถ„์€? ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค ๋•Œ ๊ณ„์†ํ•ด์„œ ๊ฑฑ์ •ํ•˜๋˜ ๋ถ€๋ถ„์ด ์žˆ๋Š”๋ฐ, ๋ฐ”๋กœ ํฌ์ŠคํŠธ์— ๋“ค์–ด๊ฐˆ ์ด๋ฏธ์ง€์˜€๋‹ค. ์ด๋ฏธ์ง€๋ฅผ ํŒŒ์ผ๋กœ ์ €์žฅํ•ด์„œ url๋กœ serving ํ•˜๊ณ  ์‹ถ์—ˆ์ง€๋งŒ, ํ˜„์žฌ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” quill-editor๋กœ๋Š” ์ด๋ฅผ ํŽธํ•˜๊ฒŒ..

Programming/Web 2022.02.03