///
🖊️

Draft: rebit.ly 웹 페이지 로드 속도 개선

Tags
web
http
Nextjs
Date
2021/09/09
속성

개요

rebit.ly 는 사용자가 가진 원본 링크를 shortening 해서 링크를 생성해주는 프로젝트다. 구조적으로는 다음과 같이 동작한다
rebit.ly 가 생성한 링크로 접속 ⇒ rebit.ly html 페이지 전달. 이 페이지에서 각종 pixel load ⇒ 원본 링크로 이동
중간에 중개 페이지에서 원본 링크로 돌아가는 구조이기 때문에 이 중개 페이지는 빨리 로드 되고 빨리 원본링크로 보낼 필요가 있다.
빠른 페이지 로드를 위해서 어떤어떤 조치들을 추가했는지 볼 것이다.

불필요한 리소스 제거

preconnect

before

after

cache