- 인스타그램 웹앱의 페이지 로딩 속도를 50% 개선하기 위해 노력했습니다.🚀
- HTML preload 속성을 사용하여 자바스크립트 및 GraphQL 요청을 미리 불러오는 전략을 적용했습니다.但是, 일부 자원이 필요한 순서대로 로딩되지 않아 문제가 발생했습니다. 🤔
requestIdleCallback
을 활용하여 우선순위를 매긴 작업 시스템을 구축하여 낮은 우선순위의 작업을 주기적으로 실행합니다. ⏳- HTTP 덩어리 전송 인코딩을 사용하여 서버가 HTML 헤더와 GraphQL 쿼리 결과를 동시에 스트리밍하여 클라이언트에 전송했습니다. 📡
- 缓存-first 접근 방식을 사용하여 사용자 요청 부하를 줄이고 빠른 데이터 로딩을 가능케 했습니다. 💾
- Git의 버전 관리 시스템을 참고하여 사용자 상호작용을 관리하는 Staging 시스템을 구축했습니다.