SiteSkyline 최적화 시작하기

SiteSkyline 최적화 프로그램에 오신 것을 환영합니다! 이 가이드는 단 몇 분 만에 플러그인을 설치하고, 초기 설정을 구성하고, WordPress 또는 WooCommerce 사이트 속도를 높이는 데 도움이 됩니다.

시작하기 전에

SiteSkyline Optimizer를 설치하기 전에 웹사이트가 다음 요구 사항을 충족하는지 확인하십시오.

• 자체 호스팅 WordPress 웹사이트입니다.
• 지원되는 PHP 버전을 실행하는 호환 호스팅.

설치

웹사이트에 플러그인을 설치하려면 다음의 간단한 단계를 따르세요.

1. WordPress 대시보드에 로그인합니다.
2. 플러그인 메뉴로 이동하여 새로 추가.
3. 검색 사이트스카이라인 최적화 도구.
4. 딸깍 하는 소리 지금 설치 그런 다음 클릭하세요. 활성화 설치가 완료되면.

최초 설정

활성화되면 새로 추가된 설정 메뉴를 통해 모든 기능에 액세스할 수 있습니다.

1. WordPress 대시보드의 설정 메뉴로 이동하여 플러그인 옵션을 찾으세요.
2. 다음에서 시작하세요 일반적인 탭을 클릭하여 코어 속도 조정을 구성하세요.
3. 사용 가능한 기능 토글을 검토하여 불필요한 사이트 팽창을 제거하고, 헤드 출력을 정리하고, 추가 기능을 다듬습니다.
4. 딸깍 하는 소리 변경 사항 저장 페이지 하단에서 새 설정을 적용하세요.

첫 번째 단계

이제 플러그인이 활성화되었으므로 다음 두 가지 주요 기능을 탐색하여 즉각적인 성능 향상을 확인해 보세요.

1. 페이지 전달 속도 향상

1. 설정 메뉴로 이동하여 다음을 선택하세요. 페이지 캐시 꼬리표.
2. 토글 페이지 캐시 활성화 정적 HTML 페이지 캐싱을 활성화하도록 전환합니다.
3. 만료 기본 설정 및 제외 규칙을 구성한 후 다음을 클릭하세요. 변경 사항 저장.

2. 이미지 최적화

1. 설정 메뉴로 이동하여 다음을 선택하세요. 웹P 꼬리표.
2. 비녀장 WebP 변환 활성화 무거운 이미지 업로드를 더 가볍고 빠른 형식으로 전환하기 시작합니다.
3. 원하는 변환 방법을 선택하고 클릭하세요. 대량 변환 기존 이미지 라이브러리를 최적화합니다.

대시보드 최적화

그것이 하는 일

최적화 대시보드는 사이트의 성능 상태와 캐시 상태에 대한 빠른 개요를 제공합니다. 또한 빠른 최적화 트리거를 제공하므로 사이트를 원활하게 운영할 수 있습니다.

사용 방법

1. 최적화 섹션으로 이동하여 최적화 탭을 선택하세요.
2. 현재 사이트 성능 상태를 확인하세요.
3. 사이트를 개선하려면 빠른 최적화 조치 중 하나를 클릭하세요.

Settings & Options

Tips & Best Practices

• 최적화 대시보드를 정기적으로 확인하여 사이트의 현재 성능 상태에 대한 최신 정보를 받아보세요.
• 신속한 성능 조정을 수행할 때마다 빠른 최적화 트리거를 사용하십시오.
• 완전한 사이트 속도 루틴을 위해 대시보드 검토를 캐시 관리 및 자산 관리자 기능과 결합하세요.

자산 분석기

그것이 하는 일

자산 분석기는 웹 사이트에 로드된 스크립트와 스타일을 검사하는 데 도움이 됩니다. 이러한 페이지 자산을 검토하면 사이트에 대한 새로운 최적화 기회를 쉽게 식별할 수 있습니다.

사용 방법

1. 자산 관리자 섹션으로 이동합니다.
2. 분석기 탭을 선택합니다.
3. 자산 분석을 실행합니다.
4. 각 페이지에 대해 로드된 CSS 및 JavaScript 파일을 봅니다.

Settings & Options

Tips & Best Practices

• 정기적으로 스캔을 실행하여 페이지에 추가된 새로운 스크립트와 스타일을 추적하세요.
• 분석을 통해 얻은 통찰력을 활용하여 최적화 기회를 찾아보세요.
• 사이트 성능을 더 잘 이해하려면 페이지별로 로드된 CSS 및 JavaScript 파일을 검토하세요.

자산 규칙

그것이 하는 일

특정 페이지 또는 전역에서 자산을 대기열에서 제거하거나 비활성화하도록 스크립트 및 스타일에 대한 조건부 로드 규칙을 구성합니다. 이렇게 하면 특정 페이지에서 원치 않는 스크립트와 스타일을 제거하여 페이지 무게를 줄이는 데 도움이 됩니다.

사용 방법

1. 자산 관리자 섹션으로 이동하여 규칙 탭을 엽니다.
2. 새 자산 규칙을 ​​추가합니다.
3. 비활성화할 핸들을 선택합니다.
4. 자산 규칙을 ​​저장하세요.

Settings & Options

Tips & Best Practices

• 조건부 로딩 규칙을 사용하여 특정 페이지에서 원치 않는 스크립트와 스타일을 제거하세요.
• 페이지 무게를 줄이는 데 도움이 되도록 전역적으로 또는 특정 URL 및 게시물 유형에서 비활성화할 대상 자산을 설정합니다.
• 필요하지 않은 불필요한 코드를 제거하여 페이지를 효율적으로 실행하세요.

Media & Image Optimizer

그것이 하는 일

The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.

사용 방법

1. 미디어 섹션으로 이동하여 이미지 탭을 클릭하세요.
2. 지연 로딩 설정을 전환하고 이미지 최적화 매개변수를 구성하세요.
3. 미디어 설정을 저장하려면 저장 버튼을 클릭하세요.

Settings & Options

Tips & Best Practices

• 콘텐츠가 포함된 최대 페인트(LCP)를 개선하려면 이미지 렌더링 및 로딩 설정을 조정하세요.
• 지연 로딩 설정을 사용하여 이미지에 대한 기본 지연 로딩 또는 스크립트 기반 지연 로딩 중에서 선택하세요.
• 스크롤 없이 볼 수 있는 이미지에 대해 특별히 가져오기 우선순위와 사전 로드를 구성하세요.

WebP 이미지 변환

그것이 하는 일

더 빠른 이미지 전달을 위해 업로드된 JPEG 및 PNG 이미지를 최신 WebP 형식으로 변환하세요. 이를 통해 웹사이트가 더 빠르게 로드되고 방문자에게 더 원활한 경험을 제공할 수 있습니다.

사용 방법

1. 미디어 섹션으로 이동하여 WebP 탭을 선택하세요.
2. 자동 변환을 켜서 새 업로드가 자동으로 처리되도록 하거나 원하는 WebP 생성 모드를 선택하세요.
3. 대량 변환을 실행하여 기존 이미지 라이브러리를 업데이트하세요.
4. WebP 설정을 유지하려면 저장 버튼을 클릭하세요.

Settings & Options

Tips & Best Practices

• 자동 변환을 활성화하면 시간을 절약할 수 있으므로 업로드하는 모든 새 이미지를 수동으로 변환할 필요가 없습니다.
• 대량 변환 도구를 실행하여 기존 이미지 라이브러리 전체를 한 번에 빠르게 업그레이드하세요.
• 사용 가능한 생성 모드를 실험하여 서버 환경에 가장 적합한 옵션을 찾으십시오.
• 이 기능을 미디어 최적화 프로그램과 결합하면 이미지가 최대한 빠르고 효율적으로 만들어집니다.

중요한 CSS 생성

그것이 하는 일

중요한 CSS 생성은 중요한 스크롤 없이 볼 수 있는 CSS를 생성하고 인라인하여 페이지를 즉시 로드하는 데 도움이 됩니다. 이 프로세스는 렌더링을 차단하는 스타일시트를 제거하므로 방문자는 전체 스타일시트가 다운로드될 때까지 기다리지 않고 즉시 콘텐츠를 볼 수 있습니다.

사용 방법

1. 스타일 섹션으로 이동하여 중요 CSS 탭을 선택하세요.
2. 원하는 생성 모드를 선택하고 중요한 CSS를 페이지에 직접 삽입할지 여부를 구성하세요.
3. 필요한 경우 대체 중요한 CSS 규칙을 편집합니다.
4. 스타일 설정 저장 버튼을 클릭하여 변경 사항을 적용하세요.
5. 중요한 CSS 생성 버튼을 클릭하여 중요한 스크롤 없이 볼 수 있는 스타일을 만듭니다.

Settings & Options

Tips & Best Practices

• 페이지가 방문자에게 지체 없이 즉시 렌더링되도록 중요한 CSS 규칙을 신중하게 설정하세요.
• 생성 모드를 사용하면 템플릿 요구 사항에 따라 자동 생성과 수동 입력 간에 전환할 수 있습니다.
• 규칙이나 기본 설정을 조정한 후에는 스타일 설정을 저장하는 것을 잊지 마세요.

로컬 Google 글꼴 호스트

그것이 하는 일

Google Fonts를 로컬로 다운로드하고 자체 서버에서 제공하여 개인정보 보호와 속도를 향상하세요. 이 기능은 Google Fonts에 대한 외부 DNS 조회를 제거합니다.

사용 방법

1. 스타일 섹션으로 이동하여 글꼴 탭을 엽니다.
2. 로컬 Google 글꼴 호스팅을 켜거나 끕니다.
3. 필요한 경우 글꼴 캐시를 지웁니다.
4. 글꼴 설정을 저장하려면 클릭하세요.

Settings & Options

Tips & Best Practices

• 웹 사이트의 개인 정보 보호와 로딩 속도를 모두 향상하려면 로컬 글꼴 호스팅을 활성화하세요.
• 자체 호스팅 옵션을 사용하면 Google 글꼴 요청을 자동으로 가로채고 파일을 자체 서버에 다운로드할 수 있습니다.
• 로컬에서 호스팅되는 글꼴 파일에 유용한 링크 헤더를 추가하려면 글꼴 사전 로드를 켜세요.
• 글꼴 설정을 업데이트한 후에는 글꼴 캐시를 지워야 합니다.

JavaScript Defer & Optimization

그것이 하는 일

JavaScript 실행을 연기하고, 스크립트를 결합 또는 지연하고, jQuery Migrate를 제거합니다. 이렇게 하면 JavaScript가 페이지 렌더링을 차단하는 것을 방지하고 사이트 성능을 향상시킬 수 있습니다.

사용 방법

1. 로 이동 자바스크립트 섹션 그리고 JS 탭.
2. 선호하는 JavaScript 연기 옵션을 전환하세요.
3. 필요한 경우 연기에서 특정 스크립트 핸들을 제외합니다.
4. JavaScript 설정을 저장하십시오.

Settings & Options

Tips & Best Practices

• JavaScript가 페이지 콘텐츠가 원활하게 로드되는 것을 차단하지 못하도록 하려면 스크립트 지연을 사용하세요.
• 스크립트를 즉시 실행해야 하는 경우 특정 스크립트 핸들을 지연 프로세스에서 제외하여 제외 기능을 활용하세요.
• 이 기능을 자산 규칙과 결합하여 사이트 스크립트 로드 방법을 더욱 효과적으로 제어할 수 있습니다.

Cache Management & Page Cache

그것이 하는 일

페이지 캐싱, 캐시 사전 로드, 캐시 만료 규칙 및 제외 패턴을 구성합니다. 이 기능을 사용하면 정적 HTML 스냅샷을 방문자에게 즉시 제공할 수 있습니다.

사용 방법

1. 캐시 섹션으로 이동하여 캐시 탭을 선택합니다.
2. 페이지 캐시 설정을 전환하여 디스크 또는 고급 페이지 캐싱을 활성화하세요.
3. 캐시 만료 기간을 설정하고 필요에 따라 제외 패턴을 정의하세요.
4. 콘텐츠를 새로 고쳐야 할 때마다 사용 가능한 작업을 사용하여 캐시를 미리 로드하거나 캐시를 제거합니다.

Settings & Options

Tips & Best Practices

• 페이지 캐싱을 활성화하면 방문자가 더 빠른 탐색 경험을 위해 즉시 정적 HTML 스냅샷을 받을 수 있습니다.
• 사이트에 중요한 업데이트를 한 후에는 캐시를 정기적으로 삭제하여 방문자가 최신 변경 사항을 즉시 볼 수 있도록 하세요.
• 캐시 사전 로드를 사용하면 방문자가 요청하기 전에 캐시된 페이지를 사전에 생성할 수 있습니다.
• 캐시된 스냅샷에서 제공되어서는 안 되는 사이트 영역이나 동적 페이지에 대해 제외된 URL 및 쿠키를 설정하세요.

브라우저 캐싱 규칙

그것이 하는 일

브라우저 캐싱 규칙을 사용하면 정적 자산에 대해 Expires 및 Cache-Control과 같은 만료 헤더를 구성할 수 있습니다. 이를 통해 재방문자는 로컬 브라우저 캐시에서 정적 파일을 직접 가져와 웹사이트를 더 빠르게 로드할 수 있습니다.

사용 방법

1. 로 이동 은닉처 섹션을 클릭하고 브라우저 캐시 꼬리표.
2. 정적 자산에 대한 브라우저 캐싱 헤더 및 만료 규칙을 구성합니다.
3. 브라우저 캐시 규칙을 생성하고 업데이트하려면 버튼을 클릭하세요.
4. 변경 사항을 적용하려면 브라우저 캐싱 설정을 저장하세요.

Settings & Options

Tips & Best Practices

• 재방문자가 로컬 브라우저 캐시에서 정적 자산을 더 빠르게 로드할 수 있도록 브라우저 캐싱 규칙을 활성화합니다.
• 이러한 규칙을 사용하여 파일에 대한 Expires 및 Cache-Control과 같은 만료 헤더를 올바르게 구성하십시오.
• 캐싱 규칙을 조정할 때마다 정기적으로 브라우저 캐싱 설정을 저장하고 업데이트하세요.

OPcache 관리

그것이 하는 일

PHP OPcache 상태 및 캐시 재설정을 모니터링하고 관리합니다. 성능 지표를 확인하고 사이트를 원활하게 운영하세요.

사용 방법

1. 캐시 섹션으로 이동하여 OPcache 탭을 선택하세요.
2. 현재 메모리 소비, 적중률 및 캐시된 스크립트 수를 검토하세요.
3. 업데이트된 정보가 필요할 때마다 버튼을 클릭하여 상태 통계를 새로 고치세요.
4. 필요한 경우 버튼을 클릭하여 OPcache를 재설정하세요.

Settings & Options

Tips & Best Practices

• 캐시 성능 지표를 정기적으로 확인하여 사이트가 효율적으로 실행되고 있는지 확인하세요.
• 최신 성과 정보를 보려면 상태 통계를 새로 고치세요.
• 저장된 스크립트를 지우고 업데이트를 적용해야 할 때마다 OPcache를 재설정하세요.

WordPress 핵심 기능 관리자

그것이 하는 일

WordPress 핵심 기능 관리자는 원치 않는 WordPress 핵심 기능, 팽창 및 원격 측정을 비활성화하는 데 도움이 됩니다. 불필요한 내장 기능을 꺼서 사이트 헤드를 정리하고 사이트의 공격 표면을 줄일 수 있습니다.

사용 방법

1. 기능 관리자 섹션으로 이동하여 WordPress 탭을 선택합니다.
2. 끄려는 항목의 핵심 기능 스위치를 전환합니다.
3. 변경 사항을 적용하려면 WordPress 핵심 설정을 저장하세요.

Settings & Options

Tips & Best Practices

• 기능을 비활성화하기 전에 사이트 요구 사항을 검토하여 방문자 또는 통합이 의존하는 기능을 끄지 않도록 하십시오.
• XML-RPC 및 포함과 같이 사용하지 않는 기능을 비활성화하는 것은 사이트의 공격 표면을 줄이는 데 도움이 되는 좋은 방법입니다.
• 이모티콘과 같은 불필요한 스크립트를 끄면 보다 간결한 설정을 위해 사이트 헤드를 정리하는 데 도움이 됩니다.

WooCommerce Store Modes & Cleanup

그것이 하는 일

사용하지 않는 스토어 기능, 스크립트, 부풀림을 비활성화하여 WooCommerce를 간소화하세요. 이 기능은 불필요한 항목이 필요하지 않은 페이지에 로드되는 것을 방지하는 데 도움이 됩니다.

사용 방법

1. 기능 관리자 섹션으로 이동합니다.
2. WooCommerce를 선택한 다음 모드 탭을 엽니다.
3. 원하는 대로 WooCommerce 기능 스위치를 전환합니다.
4. WooCommerce 모드 설정을 저장하세요.

Settings & Options

Tips & Best Practices

• 블로그 게시물이나 정적 페이지에 장바구니 조각이 로드되지 않도록 매장 전체 WooCommerce 최적화를 전환하세요.
• 사이트를 원활하게 운영하려면 필요하지 않은 페이지에 상점 스크립트가 로드되지 않도록 하세요.
• 변경 후 설정을 검토하여 상점 페이지가 올바르게 표시되는지 확인하세요.

WooCommerce 자산 관리자

그것이 하는 일

WooCommerce 자산 관리자를 사용하면 상점 페이지 전체에서 특정 WooCommerce 스크립트 및 스타일시트의 로드를 제어할 수 있습니다. 특정 페이지에 로드되는 WooCommerce 자산을 미세 조정하여 매장을 최적화할 수 있습니다.

사용 방법

1. 기능 관리자 섹션으로 이동합니다.
2. WooCommerce 옵션을 선택하고 자산 탭을 클릭하세요.
3. WooCommerce 자산 로딩 규칙을 구성하세요.
4. 자산 규칙을 ​​저장하려면 저장 버튼을 클릭하세요.

Settings & Options

Tips & Best Practices

• 자산 규칙을 ​​업데이트한 후 상점 페이지를 검토하여 모든 것이 올바르게 표시되고 작동하는지 확인하세요.
• 특정 페이지에 필요하지 않다고 확신하는 스크립트와 스타일시트만 비활성화하세요.
• 매장이 원활하게 운영되도록 규칙을 구성하는 데 시간을 투자하세요.

WooCommerce 예약된 작업(Cron)

그것이 하는 일

WooCommerce 백그라운드 예약 작업 및 작업 스케줄러 대기열을 관리하고 최적화하세요. WooCommerce 백그라운드 작업 대기열을 검토하고 오래된 작업 스케줄러 로그를 정리하여 매장을 원활하게 운영하세요.

사용 방법

1. 기능 관리자 섹션으로 이동하여 우커머스을 열고 예약된 작업 꼬리표.
2. 백그라운드 작업 대기열을 검토하고 기본 설정을 구성하세요.
3. 필요에 따라 보류 중인 작업을 수동으로 실행하거나 완료된 작업 로그를 삭제합니다.
4. 다음을 클릭하세요. 크론 설정 저장 버튼을 눌러 변경사항을 적용하세요.

Settings & Options

Tips & Best Practices

• 완료된 작업 로그를 삭제하여 오래된 작업 스케줄러 로그를 정기적으로 정리하여 시스템을 체계적으로 정리하세요.
• 백그라운드 작업을 즉시 처리해야 하는 경우 보류 중인 작업에 대해 수동 실행을 사용하세요.
• 작업 스케줄러 조정 설정을 조정하여 스토어에서 배치 크기 및 보존 기간이 처리되는 방식을 최적화하십시오.

WooCommerce 관리자 팽창 제어

WooCommerce 관리 대시보드 위젯, 분석 보고서 및 마케팅 알림을 비활성화합니다.

WooCommerce 이메일 최적화 도구

WooCommerce 거래 이메일을 최적화하고 불필요한 이메일 트리거를 비활성화하세요.