웹 페이지가 로드되기 전에 더 빠르게 만드는 방법

오늘 소개해드릴 글은 42dot의 유경상님이 번역해주신 글입니다.


웹 페이지 성능 최적화라고 하면 대부분 페이지 로딩 후의 성능에 집중하는 경향이 있습니다. 하지만 이 글에서는 그 관점을 뒤집어 새로운 인사이트를 제공합니다. 저자는 첫 바이트가 도달하기 전 단계의 최적화에 주목하며, 브라우저의 Performance API와 Navigation Timing API를 활용해 캐시, DNS 조회, 연결 설정, TLS 협상 등 각 단계별 최적화 방법을 상세히 설명합니다.


만약 웹 성능 최적화에 대해 관심이 있으시다면, 이 글을 통해 최적화의 새로운 기회를 발견할 수 있을 것이라고 생각합니다. 이 글을 통해 웹 페이지 성능 최적화에 대한 시야를 넓히는 좋은 기회가 되시길 바랍니다 :)


글 링크 : https://ykss.netlify.app/translation/how_to_make_your_web_page_faster_before_it_even_loads/

(번역) 웹 페이지가 로드되기 전에 더 빠르게 만드는 방법

ykss.netlify.app

(번역) 웹 페이지가 로드되기 전에 더 빠르게 만드는 방법

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 10월 7일 오전 12:48

 • 

저장 68조회 3,776

댓글 0

    함께 읽은 게시물

    스토리북 9 출시 소식

    ... 더 보기

    Storybook 9

    Storybook Blog

    Storybook 9

    《현실세계 접점으로서 오프라인이 갖는 우위》

    ... 더 보기

    새로운 맥북에서 개발환경을 세팅하신다면

    ... 더 보기

    Mac M1 터미널 환경 세팅 한 번에 끝내기

    코드로 우주평화

    Mac M1 터미널 환경 세팅 한 번에 끝내기

     • 

    저장 15 • 조회 1,900



    Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자로" 강의를

    ... 더 보기

    Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

    www.productengineer.info

    Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

    Vibe Coding 매뉴얼

    ... 더 보기

    Vibe Coding 매뉴얼: AI 지원 개발을 위한 템플릿 :: ROBOCO

    roboco.io

     Vibe Coding 매뉴얼: AI 지원 개발을 위한 템플릿 :: ROBOCO

     • 

    저장 22 • 조회 6,355