20 POSTS

Web-performance 2

  • #react#web-performance

    ๋ฆฌ์•กํŠธ์˜ ๋ Œ๋”๋ง์€ ์–ด๋–ป๊ฒŒ ์ผ์–ด๋‚˜๋Š”๊ฐ€?

    ๋ฆฌ์•กํŠธ์—์„œ ๋ฉ”๋ชจ์ด์ œ์ด์…˜์„ ์–ธ์ œ ํ•ด์•ผํ•˜๋Š”๊ฐ€ ๊ณ ๋ฏผ ํ•˜๋‹ค๊ฐ€ ์—ฌ๊ธฐ๊นŒ์ง€ ์™”๋‹ค

    52๋ถ„
  • #javascript#web-performance

    ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋กœํŒŒ์ผ๋ง ํ•ด๋ณด๊ธฐ

    ํ•ด๋ดค์ง€๋งŒ ํ•ด๋ณด์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค

    24๋ถ„
  • #browser#networking#web-performance

    ์„œ๋ฒ„์—์„œ ํด๋ผ์ด์–ธํŠธ๋กœ์˜ ์—ฌ์ • - ๋ธŒ๋ผ์šฐ์ €์™€ ์„œ๋ฒ„๋Š” ์–ด๋–ป๊ฒŒ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ  ๋ฐ›์„๊นŒ

    ๋„คํŠธ์›Œํฌ๋„ ๊ณต๋ถ€ํ•ด์•ผํ•˜๋Š”๋ฐ

    13๋ถ„
  • #web-performance#javascript

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๊ฐ€ ๊ฐ€์ ธ์•ผํ•  ์ฑ…์ž„๊ฐ (2)

    ์•Œ์ง€๋งŒ ์™ ์ง€ ์„ ๋œป ๋‚ดํ‚ค์ง€ ์•Š๋Š” ์ตœ์ ํ™”, ์ด์œ ๊ฐ€ ๋ฌด์—‡์ผ๊นŒ ๐Ÿค”

    14๋ถ„
  • #javascript#web-performance#accessibility

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๊ฐ€ ๊ฐ€์ ธ์•ผํ•  ์ฑ…์ž„๊ฐ (1)

    ์ฑ…์ž„๊ฐ ์žˆ๋Š” ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ์žˆ๋Š”์ง€ ํ•ญ์ƒ ๋’ค๋Œ์•„๋ณด๊ธฐ

    16๋ถ„
  • #react#web-performance

    ๋ฆฌ์•กํŠธ 18์—์„œ ๋ณ€๊ฒฝ๋  ์ƒˆ๋กœ์šด SSR ์•„ํ‚คํ…์ณ

    ๋”ฐ๋ผ๊ฐ€๋Š” ๊ฒƒ๋งŒ ํ•ด๋„ ๋ฐ”์œ ์ธ์ƒ

    32๋ถ„
  • #web-performance

    Critical Request - request ์ˆœ์„œ๋Š” ์›น์‚ฌ์ดํŠธ ์†๋„์— ์–ด๋–ค ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š”๊ฐ€

    ์„œ์ˆœ์„ ์ •ํ™•ํžˆํ•˜๋Š”๊ฒŒ ์ค‘์š”ํ•˜์ง€

    12๋ถ„
  • #javascript#web-performance

    ํŠธ๋ฆฌ์‰์ดํ‚น์œผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‚ฌ์ด์ฆˆ ์ค„์ด๊ธฐ

    ํŠธ๋ฆฌ์‰์ดํ‚น์€ ์ง์ ‘ ํ•ด๋“œ์„ธ์š” ์ œ๋ฐœ

    13๋ถ„
  • #web-performance#javascript

    requestIdleCallback์œผ๋กœ ์ตœ์ ํ™”ํ•˜๊ธฐ

    ๋‚ด ์ธ์ƒ์€ ์–ธ์ œ idle ํ•  ๊ฒƒ์ธ๊ฐ€

    9๋ถ„
  • #web-performance#javascript#browser

    ์›น ํŽ˜์ด์ง€์—์„œ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฉ”๋ชจ๋ฆฌ ์‚ฌ์šฉ๋Ÿ‰ ๋ฒค์น˜๋งˆํ‚น

    ๋ถ„์„ํ•  ๋•Œ ๋งˆ๋‹ค ํ•œ์ˆจ์ด ๋‚˜์˜ค๋Š” ๊ทธ๊ฒƒ

    13๋ถ„
  • #web-performance

    ์›น์‚ฌ์ดํŠธ์˜ ์„ฑ๋Šฅ์ง€ํ‘œ, Core Web Vital

    ์กฐ๋งŒ๊ฐ„ ์›น์‚ฌ์ดํŠธ ํ•˜๋‚˜์”ฉ ๋ถ„์„ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค

    10๋ถ„
  • #web-performance#css

    ์›น ํฐํŠธ ๋กœ๋”ฉ์„ ๋” ๋น ๋ฅด๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•

    ๊ฐœ๋ฐœํ•  ๋•Œ ๊ฐ„์ง€๋‚˜๋Š” ์ด์œ ํฐํŠธ ์ถ”์ฒœ๋ฐ›์Šต๋‹ˆ๋‹ค

    13๋ถ„
  • #javascript#web-performance

    reduce์— spread ๋ฅผ ์“ฐ๋ฉด ์•ˆ๋˜๋Š” ์ด์œ 

    ์†”์งํžˆ ๋ญ”๊ฐ€ ๋ฉ‹์žˆ์–ด์„œ ๋งŽ์ด ์“ฐ๊ธด ํ•จ

    4๋ถ„
  • #nextjs#web-performance

    Nextjs 11 ๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ ์‚ดํŽด๋ณด๊ณ  ๋ธ”๋กœ๊ทธ์— ์ ์šฉํ•˜๊ธฐ

    nextjs ์ •๋ง ์—ด์ผํ•˜๋„ค2222

    11๋ถ„
  • #web-performance

    HTTP1 vs HTTP2

    ๊ณต๋ถ€ํ• ๊ฒŒ ์ •๋ง ๋งŽ์Šต๋‹ˆ๋‹น

    28๋ถ„
  • #web-performance

    ๋””๋ ‰ํ† ๋ฆฌ์— ์žˆ๋Š” ๋ชจ๋“  ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ํ•˜๊ธฐ

    PNG๋Š” ์ข€ ๋А๋ฆฝ๋‹ˆ๋‹ค

    2๋ถ„
  • #web-performance#devops#github

    github workflow๋กœ lighthouse ci ์ถ”๊ฐ€ํ•˜๊ธฐ

    ์ ์ˆ˜์˜ ๋…ธ์˜ˆ๊ฐ€ ๋˜๋ฒ„๋ฆฐ ๋‚˜

    6๋ถ„
  • #css#web-performance

    CSS ์„ฑ๋Šฅ ํ–ฅ์ƒ ์‹œํ‚ค๊ธฐ

    CSS์˜ ํ™ฉ์ œ๊ฐ€ ์ถœ๊ฐ„ํ•œ CSS ์™„๋ฒฝ๊ฐ€์ด๋“œ๋ฅผ ์žฅ์‹์šฉ์œผ๋กœ ๊ตฌ๋งค...

    14๋ถ„
  • #typescript#web-performance

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์„ฑ๋Šฅ์„ ์œ„ํ•œ ํŒ

    ์•„๋ฌดํŠผ ์Šคํ„ฐ๋”” ์ค‘์ž„

    21๋ถ„
  • #javascript#web-performance

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์„ฑ๋Šฅ๊ณผ ๋ฒˆ๋“ค ์‚ฌ์ด์ฆˆ

    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์„ฑ๋Šฅ์— ์ค‘์š”ํ•œ ๊ฑด ๋ฒˆ๋“คํฌ๊ธฐ ๋งŒ์€ ์•„๋‹ˆ๋‹ค. ๊ทผ๋ฐ ๊ฐœ๋ฐœ ํ•˜๋А๋ผ ์ด๊ฒƒ๋„ ์ž˜ ๋ชป์ฑ™๊ธฐ๊ณ  ์žˆ๋Š”๋“ฏ.

    17๋ถ„