본문 바로가기

웹

(2)

[ WEB ] 웹프론트엔드에서 앱 성능 최적화 하는 다양한 방법 웹 프론트엔드에서 어플리케이션의 성능을 최적화할 수 있는 방법은 무엇이 있을까?크게 로딩 성능 최적화와 렌더링 성능 최적화 이렇게 2가지로 나눌 수 있는 것 같다. 로딩 성능 최적화웹프론트에서 로딩 성능을 최적화하는 방법은 다양하다.우선 리소스 최소화 및 압축을 통한 사이즈 감소(JavaScript, CSS, HTML 파일 압축, 이미지 최적화-크기 조정, 압축, webP사용 등)를 통해 앱의 번들 사이즈를 줄일 수도 있고, 캐싱 전략을 구한하여 불필요한 데이터 추가 요청등을 방지할 수도 있다. 캐싱 전략으로는 브라우저 캐싱 설정을 최적화하거나, 서비스 워커를 이용한 오프라인 캐싱, CDN을 통한 리소스 캐싱등이 여기에 속한다. SSR, SSG 등을 사용하여 클라이언트 측 JavaScript 실..

[ WEB ] CSR과 SSR 비교하기 CSR(client-side-rendering)과 SSR(server-side-rendering)은 웹 페이지와 콘텐츠를 사용자에게 렌더링하는 기술이다. SSR과 CSR은 렌더링 과정이 일어나는 위치에서 차이가 있다. CSR (Client-Side-Rendering) CSR은 클라이언트 측에서 렌더링을 하는 기술로 사용자의 웹 브라우저의 JavaScript를 통해 웹 페이지를 렌더링한다. 서버에서 최소한의 HTML 파일을 보내고, 클라이언트 측 JavaScript 코드가 콘텐츠를 가져와 렌더링한다. 이 경우 사용자에게 보다 더 인터렉티브하고 동적인 사용자 경험을 제공할 수 있고 전체 페이지를 다시 로드하지 않고도 콘텐츠를 업데이트할 수 있는 기능이 있다. 하지만 초기 페이지 로딩 시간이 오래 걸리는 경우..

이전 1 다음

티스토리툴바