Speed Cache: 리소스 최소화

코드 축소(Minification)란 브라우저가 리소스를 처리하는 방식에 영향을 주지 않고 불필요하거나 중복되는 데이터를 제거하는 프로세스를 말합니다. 예를 들어 코드 주석 및 서식 제거, 사용하지 않는 코드 삭제, 더 짧은 변수 및 함수 이름 사용 등이 있습니다.

대시보드에서 '그룹화 및 축소' , 매개변수를 활성화하거나 텍스트 영역 필드에 URL을 추가하세요.

 

 

한 번의 클릭으로 모든 JavaScript, CSS 및 글꼴 파일을 그룹화할 수 있습니다. 그룹화 파일의 기능은 다음과 같습니다

• HTML 축소: 축소란 브라우저에서 리소스를 처리하는 방식에 영향을 주지 않고 불필요하거나 중복되는 데이터를 제거하는 과정을 말합니다. 예를 들어 코드 주석 및 서식 제거, 사용되지 않는 코드 제거, 더 짧은 변수 및 함수 이름 사용 등이 있습니다.
• CSS 축소
• JS 축소
• CSS 파일 그룹화: 여러 CSS 파일을 하나의 파일로 그룹화하면 HTTP 요청 횟수를 최소화할 수 있습니다. 하지만 충돌이 발생할 수 있으므로 주의해서 사용하고 웹사이트를 테스트해 보세요.
• 자바스크립트 파일 그룹화: 여러 자바스크립트 파일을 하나의 파일로 그룹화하면 HTTP 요청 횟수를 최소화할 수 있습니다. 본문(body)에 있는 스크립트와 헤드(head)에 있는 스크립트를 모두 그룹화하세요. 이는 성능 최적화 연구에 가장 좋은 방법이지만, 충돌이 발생할 수 있으므로 웹사이트를 테스트해 보는 것이 좋습니다.
• 글꼴 및 Google 글꼴 그룹화: 로컬 글꼴과 Google 글꼴을 하나의 파일로 그룹화하여 더 빠르게 제공합니다.
• CSS 지연 실행: 페이지 로드 마지막에 CSS 파일을 호출하여 렌더링을 차단하는 요소를 제거합니다.
• JavaScript 지연 실행: 페이지 로드 마지막에 JavaScript 파일을 호출하여 렌더링을 차단하는 요소를 제거합니다.
• 인라인 스타일 제외: 인라인 스타일을 축소에서 제외합니다.
• 파일 제외: 축소 및 그룹화에서 제외할 파일의 경로를 각 줄에 하나씩 입력하세요.
• 페이지 제외: 위에 나열된 모든 최적화에서 페이지를 제외하려면 각 페이지 URL을 한 줄에 입력하십시오.