์น ์ฑ๋ฅ ๊ฐ์ ์ ์๋๋ ์๋ค. ๊ฐ๋จํ ์ ์ ํ์ด์ง๋ค์ ์ต์ํ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ง ํฌํจํ๋๋ก ์๋ฒ ๋ ๋๋งํ ์ ์๋ค. ์ ์คํ๊ฒ ์ฌ์ฉ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ๊ฐ์น๋ ํ์ด์ง๊ฐ ๋ณต์กํ ๋ ๋น์ ๋ฐํ๋ค.
Tag: ๋ฆฌ์ํธ
Pinterest ํ๋ก๊ทธ๋์๋ธ ์น ์ฑ ์ฑ๋ฅ ์ผ์ด์ค ์คํฐ๋
Pinterest๊ฐ ๋ชจ๋ฐ์ผ ํ๋์จ์ด์์๋ ๋น ๋ฅด๊ฒ ๋ก๋๋ ์ ์๋๋ก ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๊ฐ๋ณ๊ฒ ํ๊ณ , ๋คํธ์ํฌ ํ๋ ฅ์ฑ์ ๊ฐ์ง ์ ์๋๋ก ์๋น์ค ์์ปค(Service Worker)๋ฅผ ๋์ ํ ๊ฒ์ ๋ํด ๋ค๋ฃฌ๋ค.
ํ๋ก๊ทธ๋์๋ธ ์น์ฑ ์ฑ๋ฅ์ ๋ํ ๋ฆฌ์ํธ, ํ๋ฆฌ์ํธ ์ผ์ด์ค ์คํฐ๋ : Treebo
ํ๋ก ํธ์๋ ๋ฆฌ์ํธ ์ฑ๋ฅ ์ผ์ด์ค ์คํฐ๋. Treebo๋ ์ฅ๊ณ ๋ก ๋ง๋ค์ด์ ธ ์๋ ๊ธฐ์กด ๋ชจ๋ฐ์ผ ์ฌ์ดํธ์ ์ฑ๋ฅ์ ๊ฐ์ ํ๋ฉฐ ์ป์ ๊ฒฝํ์ ์ผ์ด์ค ์คํฐ๋๋ก ๊ณต์ ํ๋ค. ํ๋ก๊ทธ๋์๋ธ ์น ์ฑ์ ์ฑ๋ฅ ๊ฐ์ฌ ํฌ์ธํธ๋ก First Meaningful Paint, First Interactive, Consistenly Interactive ๋ฑ์ ๊ธฐ์ค์ผ๋ก, ์๋ฒ์ฌ์ด๋ ๋ ๋๋ง, ์ฝ๋ ๋ถํ , HTML ์คํธ๋ฆฌ๋ฐ, ์คํ์ผ ์ธ๋ผ์ด๋ ๋ฑ์ ์ ์ฉ์ด ์ด๋ป๊ฒ ์ํฅ์ ๋ฏธ์น๋์ง ์์๋ณธ๋ค.
์น ์ปดํฌ๋ํธ(5)โโโlit-html๋ก ๋ฆฌ์ํธ์ฒ๋ผ ์ฝ๋ฉํ๊ธฐ
์ปค์คํ ์๋ฆฌ๋จผํธ์ ์๋์ฐ ๋ ๊ทธ๋ฆฌ๊ณ lit-html์ ์ฌ์ฉํ์ฌ ์น ์ปดํฌ๋ํธ TODO์ฑ์ ๋ง๋ค์ด ๋ณธ๋ค. ์ด ๋ฐฉ์์ผ๋ก ์ฌ๋ฌ๋ถ์ ์ต์ํ ๋ฆฌ์ํธ์ ๊ฐ์ ๋ฐฉ์์ผ๋ก ์น ์ปดํฌ๋ํธ ์ฑ์ ์์ฑํ ์ ์๋ค. lit-html์ ๋จ์ง 25kb๋ฅผ ์ฐจ์งํ ๋ฟ์ด๋ฉฐ, ๋ชจ๋ ์ฝ๋๋ #useThePlatform์ ๋ชจํ ๋ฅผ ๋ฐ๋ผ ๋ธ๋ผ์ฐ์ ํ์ค์ ๋ฐ๋ฅธ๋ค.