# WordPress 사이트를 위한 35개의 성능 최적화

URL: https://canvaswp.com/ko/performance/
Updated: 2026-11-03

성능

Canvas로 만든 페이지는 렌더링하는 블록의 CSS와 JavaScript만 내려받으며, 그 밖의 파일은 내려받지 않습니다. 여기에 더해 35가지 최적화 기능이 있으며, 각 기능은 직접 켜고 끌 수 있고 보수적인 기본값과 쉬운 설명이 함께 제공됩니다.

최종 업데이트 2026년 11월 3일

항상 켜짐

## 블록별 에셋 로딩

대부분의 테마는 거대한 스타일시트 하나와 거대한 스크립트 하나를 함께 제공하므로, 페이지마다 테마의 모든 기능에 대한 비용을 치릅니다. Canvas는 314개의 블록 각각에 필요한 CSS와 JavaScript를 연결한 뒤, 페이지가 실제로 렌더링한 블록들의 합집합만 로드합니다.

- 가격 페이지는 슬라이더 스크립트를 절대 다운로드하지 않습니다
- 폼이 없는 페이지에서는 폼 처리 스크립트를 절대 내려받지 않습니다
- 편집기도 같은 방식으로 블록 스타일을 불러옵니다
- 설정할 것이 없고, 실수로 끌 수도 없습니다.

[블록 라이브러리 보기](https://canvaswp.com/ko/blocks/)

### 추측이 아닌 명시된 값

각 블록은 자체 에셋을 선언합니다. 에셋 목록은 블록 안에 있으므로, 누군가 업데이트를 잊을 수 있는 중앙 목록이 따로 없습니다.

### 코어 블록과 호환됩니다

코어 블록과 서드파티 블록은 각자의 로딩 방식을 그대로 유지합니다. Canvas는 이들의 에셋을 가져가거나 WordPress와 경쟁하듯 관리하지 않습니다.

### 템플릿도 포함됩니다

헤더, 푸터, 페이지 제목, 슬라이더도 블록이므로, 단순한 헤더를 사용하는 페이지는 메가 메뉴 코드를 불러오지 않습니다.

### 추가 구매 필요 없음

조건부 로딩은 프리미엄 기능이나 애드온이 아닙니다. 모든 플랜과 만료된 라이선스에서도 라이브러리가 작동하는 방식입니다.

스위치 목록

## 영향을 주는 대상별로 묶은 35개 최적화

마법 같은 것은 없고 숨겨진 것도 없습니다. 각 항목은 WordPress가 전송한 페이지에 대해 구체적이고 확인 가능한 작업을 하나씩 수행합니다.

### 로딩 7

CSS와 JavaScript가 첫 화면 렌더링을 막지 않게 하고, 다음 페이지를 미리 불러오세요.

- 중요하지 않은 스타일시트를 비동기로 로드
- 중요하지 않은 JavaScript 지연 로드
- 첫 상호작용 시까지 JavaScript 로드 지연
- 화면 첫 부분에 보이는 가장 큰 이미지 미리 불러오기
- 페이지가 사용할 출처에 미리 연결하기
- 타사 호스트용 DNS 프리페치
- 예측 로딩으로, 다음 페이지를 클릭하기 전에 미리 가져옵니다

### 폰트 3

웹 폰트가 아직 로드 중이어도 텍스트는 계속 읽을 수 있으며, Google 폰트는 제3자 요청으로 보낼 필요가 전혀 없습니다.

- Add font-display swap to your web fonts
- 첫 화면에 필요한 글꼴 미리 로드
- Google 글꼴을 자체 서버에서 제공

### 미디어 6

이미지는 대부분의 페이지에서 가장 무겁고, 가장 잘못 다루기 쉬운 요소입니다.

- 첫 화면 아래 이미지 지연 로딩
- iframe 및 임베드 지연 로딩
- WordPress가 생성하는 JPEG 품질 설정
- 업로드한 이미지의 최대 너비 제한
- WordPress가 생성하는 반응형 이미지 세트 관리
- 어떤 이미지 크기를 아예 생성할지 제어

### 정리 8

WordPress에는 모든 사이트가 부담하지만 실제로 사용하는 사이트는 거의 없는 기능들이 기본으로 포함되어 있습니다.

- 정적 리소스에서 쿼리 문자열 제거
- 이모지 스크립트 및 스타일 비활성화
- oEmbed 탐색 및 임베드 스크립트 비활성화
- 프런트엔드에서 Dashicons 비활성화
- XML-RPC 비활성화
- RSS 피드 비활성화
- Remove jQuery Migrate
- 자체 핑백 비활성화

### 데이터베이스 5

느린 사이트의 관리자 쪽 원인: 리비전, 자동 저장, 그리고 멈추지 않는 하트비트.

- 게시물당 보관하는 리비전 수 제한
- 자동 저장 간격 설정
- 관리자 하트비트 조절 또는 비활성화
- 데이터베이스에서 리비전, 임시 데이터, 스팸을 정리합니다.
- REST API를 로그인한 사용자로 제한

### WooCommerce 5

스토어는 판매하는 것이 전혀 없는 페이지를 포함해 사이트의 모든 페이지에서 스크립트를 불러옵니다.

- 스토어 출력이 없는 페이지에서 WooCommerce JavaScript 제거
- 주문 유입 경로 추적 끄기
- 모든 페이지에서 장바구니 프래그먼트 스크립트 폴링을 중지합니다.
- 계정 페이지 외부의 비밀번호 강도 라이브러리 제거
- 체크아웃 외 페이지에서 번들된 Select2 라이브러리 제거

### 콘텐츠 전송 네트워크 재작성 1

페이지를 렌더링할 때 주소를 다시 쓰는 방식으로, 스타일시트, 스크립트, 이미지, 글꼴이 이미 비용을 지불하고 있는 콘텐츠 전송 네트워크(CDN)를 사용하도록 설정하세요. Canvas는 네트워크를 판매하지 않으며, 귀사의 트래픽을 당사 서버를 거쳐 전달하지도 않습니다.

전체 스위치는 총 35개이며, WooCommerce 관련 5개는 WooCommerce 활성화 시에만 나타납니다. [스토어 연동에 대한 자세한 내용](https://canvaswp.com/ko/woocommerce/).

테마 옵션에서

## 모든 항목이 스위치로 제어되며, 기본값은 보수적입니다

Canvas는 모든 웹사이트에 안전한 설정은 켜 두고, 나머지는 사용자에게 맡깁니다. 각 컨트롤 옆에는 그 이유가 적혀 있습니다. 일반적으로 좋지 않은 선택인 설정 하나는 패널에서 그렇다고 알려 주므로, 결정하는 순간 바로 확인할 수 있습니다.

Asset Optimization · [every setting explained: Asset Optimization](https://docs.canvaswp.com/option-performance-perf-assets)

로딩 & 폰트 · [모든 설정 설명: 로딩 & 폰트](https://docs.canvaswp.com/option-performance-perf-loading)

이미지 최적화 · [모든 설정 설명: 이미지 최적화](https://docs.canvaswp.com/option-performance-perf-images)

WordPress Cleanup · [every setting explained: WordPress Cleanup](https://docs.canvaswp.com/option-performance-perf-cleanup)

데이터베이스 최적화 · [모든 설정 설명: 데이터베이스 최적화](https://docs.canvaswp.com/option-performance-perf-database)

고급 · [모든 설정 설명: 고급](https://docs.canvaswp.com/option-performance-perf-advanced)

빠른 사이트의 또 다른 절반

## SEO 및 접근성 기반

빠르게 로드되더라도 읽을 수 없고, 크롤링되지 않으며, 키보드로 조작할 수 없는 페이지는 완성된 것이 아닙니다. 이 모든 기능은 테마 자체에 포함되어 있으며, 모든 플랜에서 제공되고, 업그레이드 뒤로 등급이 나뉜 기능은 없습니다.

### 콘텐츠에서 가져온 메타데이터

제목, 설명, 소셜 카드, 정규 URL, robots 규칙, 사이트맵까지 모두 페이지가 렌더링될 때의 내용에서 자동으로 만들어집니다. 직접 관리해야 할 콘텐츠 사본이 따로 없으니 업데이트할 필요도 없습니다.

### 16개 스키마 유형

Organization, WebSite, WebPage, Person, breadcrumbs, Product, Brand, Offer, Review and rating, address, geo coordinates, opening hours and site search, emitted where they apply.

### 시맨틱 랜드마크

헤더, 내비게이션, 본문, 푸터 랜드마크, 콘텐츠로 건너뛰기 링크, 순서가 논리적으로 이어지는 제목, 접근할 수 있는 모든 요소의 시각적 포커스를 제공합니다.

### 키보드 메뉴

메뉴, 메가 메뉴, 사이드 패널, 모달은 키보드로 열고, 이동하고, 닫을 수 있으며, 움직임 효과는 방문자의 '동작 줄이기' 설정을 따릅니다.

접근성, 보안, 데이터 내보내기는 프리미엄 기능이 아닙니다. 웹사이트 사용이 중단되는 것은 지원 문제이며 라이선스에 따라 결정할 사안이 아니므로, 만료된 라이선스에서도 이 기능은 계속 이용할 수 있습니다.

방법

## 검증 방법

속도와 접근성에 관한 주장은 하기 쉽고 확인하기도 쉽습니다. 저희는 직접 검증하며, 방법은 다음과 같습니다.

### 실제 브라우저에서 페이지를 디자인과 비교

모든 데모 페이지를 브라우저에서 렌더링한 뒤, 원본 디자인과 비교해 문서 높이, 섹션 너비, 계산된 간격을 측정합니다. JavaScript로 구동되는 요소는 스크립트 실행이 끝난 뒤에 측정하며, 첫 페인트 시점에는 측정하지 않습니다.

### 이 웹사이트는 세 가지 너비에서 점검됩니다

여기 있는 모든 페이지는 axe-core로 WCAG 2.1 A 및 AA 기준을 1440, 1024, 390픽셀 너비에서 검사하며, axe가 수행하지 않는 검사도 함께 거칩니다: h1 하나, 제목 수준 건너뛰지 않음, 랜드마크 네 개, 작동하는 건너뛰기 링크, 가로 방향 넘침 없음, 12픽셀보다 작은 텍스트 없음, 텍스트처럼 읽히는 링크, 탭 대상 크기 24픽셀 이상.

요구 사항

## Canvas 실행에 필요한 것

7.1+

### WordPress

Canvas는 블록 편집기를 기반으로 하므로 사이트 편집기를 지원하는 WordPress가 필요합니다. 버전 7.1 이상입니다.

7.4+

### PHP

PHP 7.4 이상. 최신 PHP 버전은 대부분의 사이트가 가장 저렴하게 속도를 높일 수 있는 방법입니다.

7.1

### 테스트 완료 버전

Canvas는 WordPress 7.1에서 테스트되며, WordPress 릴리스마다 업데이트가 제공됩니다.

질문

## 성능에 대하여

가장 자주 받는 질문도 포함해서 말씀드리면, 그래서 이 페이지에는 점수가 없습니다.

**그래도 캐싱 플러그인이 필요한가요?**

아마도 그렇습니다. 이것이 솔직한 답변입니다. Canvas는 테마와 WordPress가 제어하는 부분을 담당합니다: 페이지가 불러오는 자산, 폰트와 이미지의 동작, 데이터베이스의 작업량입니다. 페이지 캐싱, 객체 캐싱, 엣지 전송은 호스트 또는 캐싱 플러그인의 몫입니다. 역할이 서로 다르므로 둘을 함께 사용하는 것이 일반적입니다.

**이 기능들을 켜면 내 웹사이트가 깨지나요?**

각 스위치는 되돌릴 수 있으며, 다른 플러그인과 충돌할 가능성이 가장 높은 스위치는 기본적으로 꺼져 있습니다. 모든 스위치에는 기능 설명과 함께 언제 그대로 두어야 하는지가 안내되며, 실제로 위험한 설정은 패널에 그 사실이 표시됩니다. 스위치는 한 번에 하나씩 켜고, 켤 때마다 프런트엔드를 새로 고침하세요.

**블록별 에셋 로딩을 직접 설정해야 하나요?**

아니요, 찾아서 켜야 할 설정은 없습니다. 블록 라이브러리가 작동하는 방식이 그렇습니다. 각 블록은 필요한 CSS와 JavaScript를 선언하고, 페이지는 실제로 렌더링한 블록들의 합집합을 로드합니다.

**데모는 최적화된 상태로 제공되나요?**

사이트 전체 데모를 가져오면 해당 데모의 테마 옵션이 적용되며, 성능 스위치도 그 일부이므로 데모는 제작 및 검증에 사용된 설정에서 시작됩니다. 이후 어떤 항목이든 변경할 수 있습니다.

**이 페이지에서 속도 점수를 공개하지 않는 이유는 무엇인가요?**

우리 하드웨어에서 진행한 합성 테스트의 점수는 호스트, 플러그인, 이미지, 방문자에 대해 아무것도 알려 주지 않습니다. 저희가 공개하는 것은 각 최적화 기능이 정확히 무엇을 하는지입니다. 그러니 기능을 켜고 여러분의 인프라에서 여러분의 사이트를 직접 측정하세요.