웹 페이지를 신속하게 렌더링하기 위해 웹 페이지를 최적화합니다_javascript 기술

1. 우리가 해결해야 할 문제
A. HTTP 요청 수를 줄입니다.
HTTP 요청 수를 줄이면 어떤 이점이 있나요?
서버와 클라이언트를 설정하고 HTTP를 제거하는 오버헤드를 줄입니다. 요청 및 응답 헤더
감소 가능하면 HTTP 연결을 위한 서버 프로세스 및 스레드 오버헤드에 GZIP 압축의 CPU 오버헤드도 포함됩니다.
B. 요청된 파일의 크기를 줄이고 파일이 차지하는 네트워크 대역폭을 줄입니다.
C. 사용자가 원하는 결과를 더 빠르게 볼 수 있도록 합니다.
D. 클라이언트 렌더링 속도를 향상합니다.
E 브라우저가 동시에 더 많은 데이터를 요청할 수 있도록 합니다.
F. 서버 응답 속도 향상
G. 버전 관리를 통해 클라이언트 캐시 제어



인용문
2. 문제 해결 방법

A. 방법 HTTP 요청 수를 줄이기 위해
1. JS 파일과 CSS 파일을 병합합니다.

2. 프레임 이미지와 상대적으로 변경이 적은 이미지를 하나로 병합하고 CSS 배경 자르기를 통해 렌더링을 완료합니다.
3. . 로컬 캐시를 적절하게 사용하여 JS/CSS/IMAGE를 캐시합니다.
4. UserData를 적절하게 사용하여 JS 파일을 캐시합니다. FF 사용자는 서버를 별도로 요청할 수 있으며 이는 사용자의 80%를 해결할 수 있습니다. JS와 CSS를 하나의 파일로 병합
작성 방법은 다음과 같습니다.

                                                                        ~ > 테스터.저를 보시면 JS도 작동합니다.                                                                   JS와 Style에서 동시에 참조하는 파일은 모두 유효합니다

B. 요청한 파일의 크기를 줄입니다. 파일을 삭제하고 요청된 데이터가 차지하는 네트워크 대역폭을 줄입니다