Speed Cache: 리소스 최소화

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

대시보드에서 그룹 및 최소화를 매개변수를 활성화하거나 텍스트 영역 필드에 URL을 추가합니다.

 

 

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

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