빠르게 반응하는 WordPress 웹사이트는 사용자 경험과 검색 엔진 순위에 매우 중요합니다. 웹사이트의 로딩 속도가 느리면 사용자 이탈과 전환율 감소로 이어질 수 있습니다. 이 가이드에서는 서버, 테마, 플러그인, 미디어 파일, 코드, 캐싱 등 다양한 측면을 포함한 20가지 핵심 최적화 팁을 체계적으로 소개하여 웹사이트의 성능과 속도를 크게 향상시키는 데 도움을 드립니다.
서버 및 호스트 환경 최적화
웹사이트의 기반은 바로 그 웹사이트가 호스팅되는 서버입니다. 우수한 호스팅 환경을 선택하는 것이 최적화의 첫 단계이며, 이는 이후의 모든 최적화 작업을 가능하게 해줍니다.
고성능의 호스팅 솔루션을 선택하세요.
비용을 절약하기 위해 공유 호스팅을 선택하지 마세요. WordPress에 특화되어 설계된 호스팅 서비스, VPS(가상 사설 서버), 클라우드 서버와 같이 최적화된 호스팅 솔루션에 투자하는 것이 좋습니다. 이러한 솔루션들은 일반적으로 서버 수준의 캐싱 기능, 더 빠른 PHP 엔진(예: PHP 8.x), 최신 버전의 MySQL/MariaDB를 내장하고 있으며, 무료 또는 통합된 CDN(Cache Delivery Network) 서비스도 제공합니다. 성능 벤치마크 테스트에 따르면, 최적화된 호스팅 환경에서는 페이지 로딩 시간을 50% 이상 단축할 수 있습니다.
추천 읽기 워드프레스 웹사이트 속도 최적화의 최종 가이드: 서버 구성에서부터 플러그인 선택까지。
PHP를 더 최신 버전으로 업그레이드하세요.
PHP는 WordPress의 실행 엔진입니다. 구식 PHP 버전(예: PHP 5.6 또는 7.0)을 사용하면 속도가 느려질 뿐만 아니라 심각한 보안 위험도 따릅니다. 웹사이트가 PHP 7.4 이상의 버전에서 실행되고 있는지 확인하십시오. 특히 PHP 8.x 시리즈의 성능 향상이 두드러집니다. 호스팅 제어판을 통해 쉽게 PHP 버전을 변경할 수 있습니다. 버전을 변경하기 전에, 테스트 환경에서 테마와 모든 플러그인이 새 버전과 호환되는지 반드시 확인하십시오.
Gzip 압축을 활성화합니다.
Gzip 압축을 사용하면 서버 측에서 웹 페이지 파일(HTML, CSS, JavaScript)을 압축한 후 방문자의 브라우저로 전송함으로써 전송되는 데이터 양을 크게 줄일 수 있습니다. 이를 위해서는 웹사이트의 루트 디렉터리에 Gzip 압축 관련 설정을 추가해야 합니다..htaccess파일에 다음 코드를 추가하여 해당 기능을 활성화하세요 (Apache 서버에 적용됨):
<IfModule mod_deflate.c>
# 压缩 HTML, CSS, JavaScript, 文本, XML 和 fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
</IfModule>주제, 플러그인, 그리고 데이터베이스 최적화
부피가 큰 코드와 중복된 데이터가 웹사이트 속도를 늦추는 주요 원인입니다. 핵심 구성 요소들을 간결하고 효율적으로 유지하는 것이 매우 중요합니다.
주제를 간소화하고 최적화하세요.
가볍고, 코드 작성 규범을 준수하며, 성능에 중점을 둔 테마를 선택하세요. 사용하지 않을 많은 페이지 빌더나 화려한 기능을 가진 “다기능” 테마는 사용을 피하세요. 정기적으로 사용하지 않는 테마를 확인하고 삭제하세요. 사용 중인 테마의 경우, CSS 및 JavaScript 파일을 수동으로 또는 Autoptimize와 같은 플러그인을 통해 병합하고 압축하며, 사용되지 않는 스타일은 제거하세요.
플러그인을 관리하고 최적화합니다.
플러그인은 기능을 확장하는 데 매우 유용한 도구이지만, 동시에 성능을 저하시키는 원인이 될 수도 있습니다. 정기적으로 사용 중인 플러그인 목록을 검토하고 더 이상 필요하지 않은 플러그인은 비활성화하거나 삭제하세요. 필수적으로 사용해야 하는 플러그인의 경우, 평판이 좋고 자주 업데이트되며 코드 품질이 높은 플러그인을 선택하십시오. 특히 웹사이트의 모든 페이지에서 많은 스크립트와 스타일을 로드하는 플러그인(예: 일부 페이지 빌더나 슬라이더 플러그인)에는 주의를 기울여 주세요. Query Monitor와 같은 도구를 사용하면 각 플러그인이 페이지 로딩에 미치는 영향을 확인할 수 있습니다.
추천 읽기 WordPress 최적화 궁극 가이드: 웹사이트 속도와 성능을 크게 향상시키는 12가지 핵심 기술。
데이터베이스를 정리하고 최적화합니다.
WordPress 데이터베이스는 시간이 지남에 따라 기사의 수정 버전, 초안, 스팸 댓글, 만료된 임시 데이터 등과 같은 많은 중복 데이터가 쌓입니다. 이러한 데이터는 쿼리 속도를 저하시킬 수 있습니다. 따라서 데이터베이스를 정기적으로 정리하는 것은 필수적인 유지보수 작업입니다. 사용할 수 있는 도구로는…WP-Optimize또는WP-Sweep이러한 플러그인은 데이터베이스를 안전하게 정리해 줍니다. 또한, 데이터베이스 테이블을 최적화하는 작업(테이블 구조를 수정하고 사용되지 않는 공간을 회수하는 것)도 효율성을 향상시킬 수 있습니다. 많은 최적화 플러그인들도 이러한 기능을 제공합니다.
기사의 수정 기능 및 자동 저장 기능을 비활성화합니다.
비록 기사 수정 기능이 매우 유용하지만, 과도한 수정 버전은 데이터베이스의 크기를 빠르게 증가시킬 수 있습니다. 이를 방지하기 위해 다음과 같은 방법을 사용할 수 있습니다:wp-config.php파일에 다음 상수를 추가하여 이 기능을 제한하거나 완전히 비활성화하세요:
// 限制文章修订版本的最大数量为5个
define('WP_POST_REVISIONS', 5);
// 或者完全禁用文章修订
// define('WP_POST_REVISIONS', false);
// 增加自动保存间隔时间（单位：秒），默认是60秒
define('AUTOSAVE_INTERVAL', 300);정적 리소스 및 미디어 파일 최적화
이미지, 비디오, 스타일시트, 스크립트는 웹 페이지에서 전송되는 데이터의 대부분을 차지합니다. 이러한 리소스를 최적화하면 가장 눈에 띄는 속도 향상을 얻을 수 있습니다.
이미지를 압축하고 지연 로딩(lazy loading)하는 방법입니다.
압축되지 않은 고해상도 이미지는 페이지가 무거워지는 주요 원인입니다. 업로드하기 전에 TinyPNG, ShortPixel과 같은 도구를 사용하여 이미지를 반드시 압축해 주세요. WordPress에서는 해당 플러그인을 활용하여 이미지를 압축할 수 있습니다.Smush또는Imagify이 작업을 자동으로 완료하세요. 또한 “게으른 로딩(lazy loading)” 기능을 활성화하여 사용자가 해당 이미지가 보이는 영역으로 스크롤할 때만 이미지가 로드되도록 설정하세요. 최신 버전의 WordPress에는 기본적으로 게으른 로딩 기능이 내장되어 있으며, 플러그인을 사용하여 이 기능을 추가로 설정할 수도 있습니다.a3 Lazy Load강화됨.
차세대 이미지 형식을 사용하세요.
전통적인 JPEG 및 PNG 형식 대신 WebP 형식을 사용하는 것을 고려해 보세요. WebP는 동일하거나 더 높은 시각적 품질을 제공하면서 파일 크기를 상당히 줄일 수 있습니다. 많은 이미지 최적화 플러그인들이 WebP를 지원하며, 이를 통해 이미지 파일의 크기를 효과적으로 줄일 수 있습니다.ShortPixelCDN 서비스는 자동적인 WebP 변환 및 적응형 배포 기능을 제공하여 WebP를 지원하지 않는 구형 브라우저와의 호환성을 보장합니다.
CSS/JavaScript 파일을 병합하고 크기를 최소화하는 방법입니다.
각 CSS 및 JavaScript 파일은 HTTP 요청을 한 번씩 생성합니다. 여러 파일을 하나(또는 몇 개)의 파일로 병합함으로써 요청 횟수를 줄일 수 있습니다. 또한, “최소화(minimization)”란 코드 내의 불필요한 문자(예: 공백, 줄바꿈, 주석)를 삭제하는 것을 의미하며, 이는 코드의 기능에는 영향을 미치지 않습니다. 이를 통해 파일의 크기를 상당히 줄일 수 있습니다. 플러그인(plug-in)도 마찬가지로, 코드를 최소화함으로써 파일 크기를 줄이는 데 도움이 됩니다.Autoptimize또는Fast Velocity Minify이 기능은 쉽게 구현할 수 있습니다.
추천 읽기 WordPress 최적화 궁극 가이드: 기본 설정부터 고급 성능 향상까지의 포괄적인 실전 방안。
콘텐츠 배포 네트워크를 활용하기
CDN(콘텐츠 전달 네트워크)은 웹사이트의 정적 리소스(이미지, CSS, JS, 글꼴 등)를 전 세계의 서버에 캐싱함으로써, 사용자가 지리적으로 가장 가까운 서버에서 이러한 파일을 가져올 수 있도록 해줍니다. 이를 통해 지연 시간과 로딩 시간을 크게 줄일 수 있습니다. 전 세계적인 청중을 대상으로 하는 웹사이트에는 CDN이 필수적인 도구입니다. 인기 있는 CDN 서비스로는 Cloudflare, StackPath가 있으며, 많은 WordPress 호스팅 업체에서도 통합된 CDN 서비스를 제공합니다.
고급 캐싱 및 코드 수준 최적화 (Advanced Caching and Code-Level Optimization)
기본적인 최적화가 완료된 후, 성능 향상은 보다 심층적인 캐싱 전략과 코드 효율성의 개선을 통해 이루어집니다.
전면적인 캐싱 전략을 구현하십시오.
캐싱은 WordPress 최적화의 핵심입니다. 다음과 같은 여러 측면에서 캐싱을 구현해야 합니다:
1. 페이지 캐싱: 동적으로 생성된 전체 HTML 페이지를 정적 파일로 저장하여, 다음에 해당 페이지에 접속할 때 이 파일을 바로 제공합니다. 이러한 기능을 제공하는 플러그인으로는…WP Rocket、W3 Total Cache또는LiteSpeed Cache(만약 여러분의 서버가 LiteSpeed를 사용한다면) 매우 효과적입니다.
2. 객체 캐싱: 데이터베이스 쿼리 결과를 메모리(예: Redis 또는 Memcached)에 저장하여 중복 쿼리를 방지합니다. 이는 트래픽이 많은 웹사이트나 복잡한 쿼리를 사용하는 웹사이트에 매우 중요합니다. 많은 고급 WordPress 호스팅 서비스에서는 이 기능이 기본적으로 제공됩니다.
3. 브라우저 캐시: 방문자의 브라우저가 이미지, CSS와 같은 정적 리소스를 로컬에 저장하여 이후에 동일한 리소스에 다시 접근할 때 로컬에 저장된 복사본을 직접 사용하도록 하는 기능입니다. 이는 다음과 같은 방법으로 설정할 수 있습니다:.htaccess파일에 만료일 정보를 추가하여 이를 구현합니다.
‘Embeds’ 및 이모티콘 기능을 비활성화합니다.
WordPress는 기본적으로 ‘wp-config.php’라는 파일을 로드합니다.wp-embed.min.js해당 스크립트는 oEmbed 기능을 지원하기 위해 작성되었으며, 이모티콘 변환을 위한 추가 스타일시트와 글꼴을 로드합니다. 만약 귀하의 웹사이트에서 다른 웹사이트의 콘텐츠(예: 트윗, YouTube 동영상)를 내장하거나 WordPress의 이모티콘을 사용할 필요가 없다면, 요청 횟수와 로딩 시간을 절약하기 위해 이 기능들을 비활성화할 수 있습니다. 다음 코드를 테마 파일에 추가하십시오.functions.php파일 내에:
// 禁用 embeds
function disable_embeds_code_init() {
remove_action('rest_api_init', 'wp_oembed_register_route');
add_filter('embed_oembed_discover', '__return_false');
remove_action('wp_head', 'wp_oembed_add_discovery_links');
remove_action('wp_head', 'wp_oembed_add_host_js');
remove_filter('oembed_dataparse', 'wp_filter_oembed_result', 10);
add_filter('rewrite_rules_array', 'disable_embeds_rewrites');
}
add_action('init', 'disable_embeds_code_init');
// 禁用表情符号
function disable_emojis() {
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('admin_print_scripts', 'print_emoji_detection_script');
remove_action('wp_print_styles', 'print_emoji_styles');
remove_action('admin_print_styles', 'print_emoji_styles');
remove_filter('the_content_feed', 'wp_staticize_emoji');
remove_filter('comment_text_rss', 'wp_staticize_emoji');
remove_filter('wp_mail', 'wp_staticize_emoji_for_email');
}
add_action('init', 'disable_emojis');비핵심 JavaScript 코드는 지연 로딩하는 것이 좋습니다.
비메인 화면에 필수적이지 않은 JavaScript 코드(예: 댓글 입력란, 소셜 미디어 공유 버튼, 분석용 코드 등)를 지연 로딩하도록 설정하면 페이지의 초기 렌더링이 방해받는 것을 방지할 수 있습니다. 이를 위해 해당 스크립트 태그에 특정 옵션을 추가하면 됩니다.defer또는async이 기능은 특정 속성을 사용하여 구현됩니다. 많은 캐싱 및 최적화 플러그인이 이 기능을 제공하며, 필요한 경우 테마 템플릿 파일을 직접 수정할 수도 있습니다.
WordPress 백엔드 최적화
비록 주로 관리자의 사용 경험에 영향을 미치지만, 과부하된 백엔드 시스템은 간접적으로 웹사이트의 성능에도 영향을 줄 수 있습니다. 불필요한 백엔드 플러그인과 기능을 비활성화하거나 제거하여 백엔드 대시보드를 간결하게 유지하는 것이 중요합니다. 예를 들어, 다음과 같은 방법을 사용Disable Admin Notices등의 플러그인을 사용하여 백엔드 알림을 관리함으로써 불필요한 쿼리와 로딩을 줄일 수 있습니다.
요약
WordPress 최적화는 단순한 기술의 적용이 아니라, 체계적인 과정입니다. 강력한 서버 환경을 선택하는 것부터 테마와 플러그인을 최소화하는 것, 모든 미디어 파일과 코드를 최적화하는 것까지, 그리고 다단계 캐싱 전략을 통해 그 결과를 확고히 하는 것까지… 이 가이드에 수록된 20가지 팁은 기초적인 내용부터 고급적인 내용까지 모두 다룹니다. 최적화의 효과는 점차적으로 쌓여 나가므로, 이러한 변경 사항들을 단계적으로 적용하시고, 각 단계 전후에 Google PageSpeed Insights나 GTmetrix와 같은 도구를 사용하여 속도를 측정하여 최적화의 효과를 정량적으로 확인하시기를 권장합니다. 빠른 웹사이트는 방문자에 대한 존중이며, 검색 엔진 및 시장 경쟁에서 승리하기 위한 핵심 요소입니다.
자주 묻는 질문
최적화 후에도 웹사이트 속도가 별로 개선되지 않았는데, 이는 어떤 이유일 수 있겠는가?
가능한 원인은 여러 가지가 있습니다. 첫째, 속도 측정 도구의 결과는 사용자의 로컬 네트워크나 테스트 서버의 지리적 위치의 영향을 받을 수 있으므로, 다른 도구를 사용하고 여러 장소에서 테스트를 진행하는 것이 좋습니다. 둘째, 페이지 로딩 시 가장 많은 시간을 소모하는 “병목 현상”을 간과하고 있을 수 있습니다. 예를 들어, 최적화되지 않은 제3자 스크립트(광고 코드, 채팅 플러그인)나 저품질의 호스트가 그 원인일 수 있습니다. Chrome 개발자 도구의 “Performance” 및 “Network” 패널을 사용하여 페이지를 로드하는 데 가장 많은 시간이 걸리는 리소스나 스크립트를 찾아보세요. 마지막으로, 캐싱, Gzip과 같은 모든 최적화 설정이 올바르게 적용되었는지 확인하십시오.
여러 캐싱 플러그인을 사용하면 충돌이 발생할 수 있나요?
물론입니다. 동시에 여러 페이지 캐싱 플러그인을 활성화하는 것은 웹사이트가 화면이 하얗게 나오거나, 기능이 이상하게 작동하거나, 아예 로드되지 않는 일반적인 원인입니다. 이는 각 플러그인이 동일한 작업을 다른 방식으로 처리하려고 하면서 규칙이 충돌하기 때문입니다. 따라서 주요 캐싱 플러그인만을 설치하고 활성화하시기 바랍니다. 캐싱 플러그인을 교체할 경우, 새 플러그인을 사용하기 전에 반드시 이전 플러그인을 완전히 제거하고 모든 캐시 및 설정을 삭제해 주세요.
데이터베이스 최적화가 데이터 손실을 초래할 수 있을까요?
신뢰할 수 있는 최적화 플러그인(예:…)을 사용하세요.WP-Optimize정기적인 정리 작업(수정된 파일, 불필요한 댓글, 일시적인 데이터의 삭제)을 수행하는 것은 안전합니다. 왜냐하면 이러한 데이터들은 사이트가 정상적으로 작동하는 데 필수적인 것이 아니기 때문입니다. 하지만 어떠한 데이터베이스 작업을 수행하기 전에는 데이터베이스를 백업하는 습관을 반드시 들여야 합니다. 출처가 불분명한 스크립트를 사용하여 데이터베이스를 직접 조작하는 것은 피해야 합니다. 대부분의 최적화 플러그인에는 어떤 데이터가 삭제될지 확인할 수 있는 “미리 보기” 기능이 제공됩니다.
내 웹사이트에 객체 캐싱(예: Redis)이 필요한지 어떻게 판단할 수 있을까요?
객체 캐싱은 주로 데이터베이스 쿼리로 인한 부담을 줄이는 데 도움을 줍니다. 만약 고트래픽 시간대에 웹사이트의 접속 속도가 현저히 느려지거나, Query Monitor와 같은 도구를 사용하여 페이지 로딩 과정에서 많은 수의 반복적인 데이터베이스 쿼리가 발생하는 것을 확인했다면, 객체 캐싱을 활성화하는 것이 매우 유용할 것입니다. 일일 평균 방문자 수가 적은 소규모 웹사이트의 경우에는 페이지 캐싱만으로도 충분할 수 있습니다. 객체 캐싱을 설정하려면 서버 환경이 이를 지원해야 하며(Redis나 Memcached와 같은 확장 기능을 설치해야 함), 일부 고급 WordPress 호스팅 서비스에서는 한 번의 클릭으로 캐싱을 활성화할 수 있는 옵션을 제공하기도 합니다.
다음 단계는 무엇인가요?
확장된 독서 및 실무 지식
다음은 이 도움말의 주제와 관련이 있으며 더 깊이 있게 읽기에 적합합니다. 현재 문제와 가장 가까운 문서부터 시작하여 점차 주변 주제로 확장하는 것이 우선순위를 정하는 것이 좋습니다.
한국어