유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

빠른 웹사이트들의 필수 스택 10개

코딩애플

2024. 9. 18.

0

#frontend
  • 웹사이트 속도 최적화는 적극적으로 추구해야 합니다! 🚀

  • 리액트 등으로 웹사이트 파일이 커지면 압축을 활용하여 전달하면 좋습니다. 🏋️‍♂️

  • 이미지는 JPG, PNG 포맷으로 변환하여 압축하고, GIF는 WebP 또는 MP4로 변환하여 사용하는 것이 좋습니다. 🗜️

  • HTTP/2 또는 HTTP/3를 사용하여 여러 파일을 동시에 전송하여 연산 속도를 높입니다. 🚄

  • HTTP/3는 UDP를 사용하여 빠르고 안정적인 데이터 전송을 지원합니다. 📡

  • 데이터 처리 지연을 줄이기 위해 CDNs을 활용하거나 서버를 전 세계에 배포합니다.🌎

  • 데이터베이스 병목 현상을 방지하려면 쿼리 최적화, 메모리 캐시, 데이터 병렬 처리 등을 고려합니다. ⚙️

  • 프론트엔드 개발 시 묶음 도구를 사용하여 필요한 코드만 포함하여 웹페이지 크기를 줄이며 성능을 향상합니다. 📦

  • 브라우저 캐싱 기능을 활용하여 사용자 웹사이트 방문 시 파일을 로컬 저장소에서 로딩하여 속도를 높입니다. 📥

  • 'Last-Modified' 헤더를 사용하여 브라우저 캐시 설정을 관리하고 파일 변환 시 빠른 로딩을 구현합니다. 🗓️

  • 웹사이트 크기를 최대한 작게 유지하고 'prefetch' 기능을 활용하여 사용자 경험을 향상시킵니다.📉

Recommanded Videos