Wp-rocket: ShortPixel Global WebP ์žฌ์ž‘์„ฑ๊ณผ WPR Lazyload ๊ฐ„์˜ ๋น„ํ˜ธํ™˜์„ฑ

์— ๋งŒ๋“  2019๋…„ 05์›” 07์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: wp-media/wp-rocket

Shortpixel๋Š” ์‚ฌ์šฉ init ์šฐ์„  ์ˆœ์œ„์™€ ํ›„ํฌ 1 ๊ธฐ๋ณธ ์žฌ์ž‘ ์ถœ๋ ฅ ๋ฒ„ํผ ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœ img ๋ฐ›๋Š” ํƒœ๊ทธ picture ํƒœ๊ทธ.

ํ•œํŽธ WP Rocket์€ template_redirect ์˜ ์šฐ์„ ์ˆœ์œ„๋กœ 2 ํ•ฉ๋‹ˆ๋‹ค.

์ฆ‰, Shortpixel ์žฌ์ž‘์„ฑ์€ WP Rocket ์žฌ์ž‘์„ฑ ํ›„์— ๋ฐœ์ƒํ•˜์—ฌ ์˜ˆ๊ธฐ์น˜ ์•Š์€ ๋งˆํฌ์—…์ด ์ƒ์„ฑ๋˜๊ณ  ์ง€์—ฐ ๋กœ๋“œ๊ฐ€ ์ค‘๋‹จ๋ฉ๋‹ˆ๋‹ค.

Shortpixel์€ ๋˜ํ•œ WP ํ›„ํฌ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š” ์†”๋ฃจ์…˜์„ ์ œ๊ณตํ•˜๋ฉฐ ์ด๊ฒƒ์€ ์ž์ฒด ๋ฒ„ํผ๋ง๊ณผ ์ž˜ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

2๊ฐ€์ง€ ์†”๋ฃจ์…˜:

  • ShortPixel์€ ์‚ฌ์šฉํ•˜๋Š” ํ›„ํฌ๋ฅผ 2 ๋ณด๋‹ค ๋†’์€ ์šฐ์„ ์ˆœ์œ„๋กœ template_redirect ๋ฅผ ์‚ฌ์šฉํ•˜๋„๋ก ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค.
  • ShortPixel ์ดํ›„์— ์ตœ์ ํ™”๋ฅผ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ธฐ๋ณธ ํ›„ํฌ์™€ ์šฐ์„  ์ˆœ์œ„๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
3rd party compatibility lazyload low moderate bug

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ถ”๊ฐ€ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค(์ด๊ฒƒ์ด ์ œ๊ฐ€ ๊ฒช์€ ๋ฌธ์ œ๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค). ๋‚˜์—๊ฒŒ Shortpixel AI(๋ชจ๋“  ์ด๋ฏธ์ง€์— Webp ๋ฐ CDN ์žฌ์ž‘์„ฑ ์ถ”๊ฐ€)๋Š” WP Rocket Lazyload๊ฐ€ ํ™œ์„ฑํ™”๋˜์—ˆ์„ ๋•Œ ์•„๋ฌด ์ž‘์—…๋„ ์ˆ˜ํ–‰ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

Shortpixel AI(Adaptive Images)์—๋Š” Lazy Loading ์ž์ฒด๊ฐ€ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. WP Rocket Lazy Load for images ์˜ต์…˜์„ ๋„๊ณ  Shortpixel AI๊ฐ€ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์„ธ ๋ฒˆ์งธ ์˜ต์…˜์€ Shortpixel AI๊ฐ€ ํ™œ์„ฑํ™”๋œ ๊ฒƒ์œผ๋กœ ๊ฐ์ง€๋  ๋•Œ WP Rocket ์ง€์—ฐ ๋กœ๋“œ๋ฅผ ์•Œ๋ฆฌ๊ณ  ๋น„ํ™œ์„ฑํ™”ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ชจ๋“  5 ๋Œ“๊ธ€

๋ฒ„์ „ ๋ฌธ์„œ ์ œ์•ˆ์—์„œ ์ฐธ๊ณ  ์‚ฌํ•ญ - "Remy๋Š” ์ด๊ฒƒ์ด ๋ฌธ์ œ๋ฅผ ์ผ์œผํ‚ฌ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ• ์ธก๋ฉด์—์„œ ์•ฝ๊ฐ„ ์œ„ํ—˜ํ•˜๋‹ค๊ณ  ์–ธ๊ธ‰ํ–ˆ์œผ๋ฉฐ ์ง€๊ธˆ๊นŒ์ง€ 2๊ฐœ์˜ ํ‹ฐ์ผ“๋งŒ ์ƒ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ 3.3.4์—์„œ ์ œ์™ธํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค."

์ถ”๊ฐ€ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค(์ด๊ฒƒ์ด ์ œ๊ฐ€ ๊ฒช์€ ๋ฌธ์ œ๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค). ๋‚˜์—๊ฒŒ Shortpixel AI(๋ชจ๋“  ์ด๋ฏธ์ง€์— Webp ๋ฐ CDN ์žฌ์ž‘์„ฑ ์ถ”๊ฐ€)๋Š” WP Rocket Lazyload๊ฐ€ ํ™œ์„ฑํ™”๋˜์—ˆ์„ ๋•Œ ์•„๋ฌด ์ž‘์—…๋„ ์ˆ˜ํ–‰ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

Shortpixel AI(Adaptive Images)์—๋Š” Lazy Loading ์ž์ฒด๊ฐ€ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. WP Rocket Lazy Load for images ์˜ต์…˜์„ ๋„๊ณ  Shortpixel AI๊ฐ€ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์„ธ ๋ฒˆ์งธ ์˜ต์…˜์€ Shortpixel AI๊ฐ€ ํ™œ์„ฑํ™”๋œ ๊ฒƒ์œผ๋กœ ๊ฐ์ง€๋  ๋•Œ WP Rocket ์ง€์—ฐ ๋กœ๋“œ๋ฅผ ์•Œ๋ฆฌ๊ณ  ๋น„ํ™œ์„ฑํ™”ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Rocket WP๊ฐ€ WebP๋ฅผRocket WP์˜ ์บ์‹ฑ ๋ถ€๋ถ„์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š์„ ๋•Œ ์š”์†Œ. ๋›ฐ์–ด๋“ค์–ด์„œ ๋„์™€๋“œ๋ฆด ์ˆ˜ ์žˆ์–ด์„œ ๋” ๊ธฐ์ฉ๋‹ˆ๋‹ค!

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰