페이지 캐시와 서버 응답 시간 느린 문제 해결-1

WordPress 2024. 1. 18. 00:09

워드프레스 관리자 페이지에서는 페이지 성능에 대해 진단을 할 수 있습니다. 거기에 나오는 페이지 캐시와 서버 응답에 대한 문제를 해결하기 위해 플러그인을 만들어보려고 합니다.

페이지 캐시가 감지되지 않고 서버 응답 시간이 느립니다.

페이지 캐시는 사용자가 방문할 때마다 페이지를 호출하는 대신 정적 페이지를 저장하고 제공하여 사이트의 속도와 성능을 향상시킵니다.

페이지 캐시는 활성 페이지 캐시 플러그인을 찾고 홈페이지에 3번의 요청을 보내고 다음 HTTP 클라이언트 캐싱 응답 헤더 중 하나 이상을 찾는 방식으로 감지됩니다.

cache-control, expires, age, last-modified, etag, x-cache-enabled, x-cache-disabled, x-srcache-store-status,x-srcache-fetch-status.
서버 응답 시간 중앙값은 1,096밀리초였습니다. 권장되는 600밀리초 임계값보다 작아야 합니다.
클라이언트 캐싱 응답 헤더가 감지되지 않았습니다.
페이지 캐시 플러그인이 감지되지 않았습니다.

페이지 캐시 플러그인 구성

캐시 저장소 정의: 캐시를 저장할 방법을 결정해야 합니다. 일반적으로 파일 시스템, 메모리 기반 캐시 (예: Redis, Memcached), 또는 데이터베이스를 사용합니다.
캐시 생성 및 관리 로직: 캐시를 언제 생성하고, 얼마나 오래 보관할지, 언제 캐시를 삭제하거나 새로 고칠지를 정의해야 합니다.
HTTP 캐시 헤더 처리: 캐시된 페이지를 제공할 때 적절한 HTTP 캐시 헤더 (cache-control, expires, etag 등)를 설정해야 합니다.
캐시 무효화 로직: 콘텐츠가 변경될 때 캐시를 자동으로 무효화할 방법을 구현해야 합니다.

구현 단계

플러그인 기본 구조 설정: 워드프레스 플러그인의 기본 파일과 클래스 구조를 설정합니다.
페이지 요청 감지 및 캐시 처리: 페이지 요청을 감지하고 캐시된 페이지가 있는지 확인한 다음, 캐시된 페이지가 없을 경우 캐시를 생성합니다.
캐시 저장 및 검색 로직 구현: 캐시를 저장하고 검색하는 로직을 구현합니다. 이는 선택한 저장소 유형에 따라 다릅니다.
HTTP 캐시 헤더 설정: 캐시된 페이지를 제공할 때 적절한 HTTP 헤더를 설정합니다.
캐시 무효화 및 업데이트 로직: 콘텐츠 변경 시 캐시를 자동으로 무효화하거나 업데이트하는 로직을 추가합니다.
테스트 및 최적화: 로컬 개발 환경에서 플러그인을 테스트하고, 성능을 최적화합니다.

고려사항

확장성과 성능: 대규모 트래픽을 처리할 수 있도록 설계하고, 캐시 저장소의 성능을 고려해야 합니다.
보안: 캐시 데이터의 보안을 유지하고, 민감한 데이터가 캐시되지 않도록 주의해야 합니다.
호환성: 다양한 워드프레스 버전과 테마, 플러그인과의 호환성을 고려해야 합니다.

서버나 기존 플러그인 참고

호스팅어 클라우드 환경에서 워드프레스 페이지 캐시 플러그인을 개발하고, 이미 유명한 SEO 플러그인(예: Yoast SEO)에서 사용되는 방법을 차용하려는 계획은 훌륭합니다. Yoast SEO와 같은 플러그인의 구현 방식을 참고하는 것은 성능과 호환성 측면에서 많은 이점을 제공할 수 있습니다. 다음은 이러한 접근 방식을 구현하는 데 도움이 될 수 있는 몇 가지 권장 사항입니다.

Yoast SEO 및 기타 플러그인에서 차용할 수 있는 접근 방식

코드 구조 및 아키텍처: Yoast SEO와 같은 플러그인의 코드 구조와 아키텍처를 분석하여 효율적인 코드 작성 방법을 이해합니다.
퍼포먼스 최적화 방법: Yoast SEO는 워드프레스에서 성능을 최적화하는 다양한 방법을 사용합니다. 이러한 방법들을 캐시 플러그인에 적용할 수 있습니다.
워드프레스 훅 및 필터 사용: 워드프레스의 훅(hooks)과 필터(filters)를 효과적으로 사용하는 방법을 Yoast SEO에서 찾아볼 수 있습니다. 이는 페이지 캐시 로직을 구현할 때 매우 유용합니다.
사용자 인터페이스(UI) 및 사용 경험(UX): Yoast SEO의 사용자 인터페이스와 상호작용 방식을 참고하여 사용자 친화적인 플러그인을 개발할 수 있습니다.

구현 고려사항

호스팅어 클라우드 환경 최적화: 호스팅어 클라우드 환경의 특성을 고려하여 플러그인을 최적화합니다. 클라우드 환경에서의 캐시 관리 방법이 중요합니다.
캐시 무효화 로직: 콘텐츠 업데이트 시 캐시를 어떻게 무효화할지 정교한 전략이 필요합니다. Yoast SEO의 데이터 업데이트와 캐시 관리 방법을 참고할 수 있습니다.
호환성 및 테스트: Yoast SEO와 같은 플러그인과의 호환성을 고려하여, 다양한 환경에서 플러그인을 테스트합니다.
문서화 및 지원: Yoast SEO는 사용자 문서화와 지원이 잘 되어 있습니다. 이러한 측면도 플러그인 개발에 포함시키는 것이 좋습니다.

개발 시작

구현을 시작하기 전에 Yoast SEO 및 기타 유사한 플러그인의 코드를 분석하고, 워드프레스 코딩 표준과 호스팅어 클라우드 환경의 특성을 충분히 이해하는 것이 중요합니다. 또한, 캐시 플러그인의 주요 목표와 기능을 명확히 정의하고, 이를 바탕으로 개발 계획을 수립해야 합니다.

플러그인 개발 단계

목표 설정: 캐시 플러그인이 해결하고자 하는 주요 문제와 기능을 명확히 정의합니다.
설계 및 아키텍처: 플러그인의 전체적인 설계와 아키텍처를 계획합니다. 여기에는 캐시 메커니즘, 데이터 저장 방식, HTTP 헤더 관리 등이 포함됩니다.
코딩 시작: 워드프레스 코딩 표준을 준수하면서 캐시 관련 로직을 구현합니다. 캐시 생성, 저장, 검색, 무효화 등의 기능을 코딩합니다.
HTTP 헤더 및 캐시 관리: 적절한 HTTP 캐시 헤더를 설정하고, 캐시 무효화 및 관리 전략을 구현합니다.
테스트 및 최적화: 로컬 및 실제 서버 환경에서 플러그인을 테스트하고 성능을 최적화합니다.
문서화 및 사용자 지원: 플러그인 사용 방법, 설정 옵션, 트러블슈팅 가이드 등을 문서화합니다.

추가적인 기능 착안사항

성능 측정: 페이지 로딩 시간, 서버 응답 시간 등을 측정하여 플러그인의 효과를 평가합니다.
호스팅어 클라우드 최적화: 호스팅 환경의 특성을 고려한 캐시 전략을 적용합니다.
사용자 피드백: 초기 사용자들의 피드백을 수집하여 플러그인을 개선합니다.

단계 세부사항

페이지 캐시 플러그인 개발을 시작하기 위해, 다음 단계별로 진행해보겠습니다. 이 과정은 개발의 주요 단계를 개략적으로 설명합니다.

1단계: 플러그인 기본 구조 설정

플러그인 파일 생성: 워드프레스 플러그인을 위한 기본 파일(my-cache-plugin.php)을 생성합니다.
플러그인 헤더 정보 추가: 플러그인의 이름, 버전, 설명, 저자 등의 메타 정보를 파일 상단에 추가합니다.
플러그인 활성화 및 비활성화 훅 설정: 플러그인이 활성화될 때 초기 설정을 수행하고, 비활성화될 때 필요한 정리 작업을 정의합니다.

2단계: 캐시 로직 구현

캐시 저장소 선택: 파일 시스템, 데이터베이스, 또는 메모리 기반 캐시(예: Redis) 중에서 캐시 저장소를 선택합니다.
캐시 생성 및 검색 로직: 요청된 페이지의 캐시가 존재하는지 확인하고, 없을 경우 새로운 캐시를 생성하여 저장합니다.
캐시 무효화 로직: 페이지 콘텐츠가 변경될 때 캐시를 무효화하고 새롭게 갱신하는 로직을 구현합니다.

3단계: HTTP 캐시 헤더 처리

HTTP 헤더 설정: 캐시된 페이지를 제공할 때 Cache-Control, ETag, Expires 등의 HTTP 헤더를 설정합니다.
조건부 요청 처리: 클라이언트의 조건부 요청(If-Modified-Since, If-None-Match 등)을 처리하는 로직을 구현합니다.

4단계: 테스트 및 최적화

로컬 개발 환경에서 테스트: 모든 기본적인 기능이 정상적으로 동작하는지 확인합니다.
성능 측정: 페이지 로딩 시간과 서버 응답 시간을 측정하여 플러그인의 효과를 평가합니다.
코드 최적화: 성능을 개선하기 위해 코드를 리팩토링하고 최적화합니다.
5단계: 문서화 및 릴리스 준비
사용자 문서 작성: 플러그인의 설치, 설정, 사용 방법을 명확하게 설명하는 문서를 작성합니다.
릴리스 준비: 플러그인을 워드프레스 플러그인 디렉토리에 등록하기 위한 준비를 합니다.

코드 구현

1. 플러그인 메인 파일 (my-cache-plugin.php)

이 파일은 플러그인의 진입점입니다. 기본적인 플러그인 정보와 함께 필요한 훅과 함수를 정의합니다.

<?php
/*
Plugin Name: My Cache Plugin
Description: 워드프레스 사이트의 성능 향상을 위한 페이지 캐시 플러그인.
Version: 1.0
Author: Your Name
*/

// 활성화 및 비활성화 훅
register_activation_hook(__FILE__, 'my_cache_plugin_activate');
register_deactivation_hook(__FILE__, 'my_cache_plugin_deactivate');

function my_cache_plugin_activate() {
    // 플러그인 활성화 시 필요한 로직
    // 예: 캐시 저장소 초기화, 옵션 설정 등
}

function my_cache_plugin_deactivate() {
    // 플러그인 비활성화 시 필요한 로직
    // 예: 캐시 정리, 설정 제거 등
}

// 캐시 처리 로직을 위한 훅 추가
add_action('template_redirect', 'my_cache_check_and_serve');

function my_cache_check_and_serve() {
    // 여기에 페이지 캐시 검사 및 제공 로직 구현
    // 예: 요청된 URL에 대한 캐시된 페이지가 있는지 확인 후 제공
}

2. 캐시 로직 구현

이 부분에서는 캐시를 확인하고, 필요한 경우 캐시를 생성하는 로직을 구현합니다. 실제 데이터 저장 방식은 파일, 데이터베이스, 또는 다른 메모리 기반 저장소를 사용할 수 있습니다.

function my_cache_check_and_serve() {
    $request_uri = $_SERVER['REQUEST_URI'];
    $cache_file = '/path/to/cache' . md5($request_uri) . '.html';

    // 캐시 파일이 존재하고 최신인지 확인
    if (file_exists($cache_file) && (time() - filemtime($cache_file)) < 3600) {
        // 캐시된 내용을 제공
        readfile($cache_file);
        exit;
    } else {
        // 캐시 생성
        ob_start('my_cache_create');
    }
}

function my_cache_create($buffer) {
    $request_uri = $_SERVER['REQUEST_URI'];
    $cache_file = '/path/to/cache' . md5($request_uri) . '.html';

    // 캐시 파일에 내용 저장
    file_put_contents($cache_file, $buffer);
    return $buffer;
}

3. 캐시 무효화 및 관리

콘텐츠가 업데이트될 때 캐시를 무효화하는 로직을 추가합니다. 이는 콘텐츠 업데이트 훅을 사용하여 구현할 수 있습니다. 예를 들어, 포스트가 업데이트될 때 캐시를 지우는 기능을 추가할 수 있습니다.

add_action('save_post', 'my_cache_clear_on_update');

function my_cache_clear_on_update($post_id) {
    $cache_file = '/path/to/cache' . md5(get_permalink($post_id)) . '.html';
    if (file_exists($cache_file)) {
        unlink($cache_file);
    }
}

4. HTTP 헤더 관리

캐시된 페이지를 제공할 때, 적절한 HTTP 헤더를 설정하여 클라이언트 측 캐싱을 관리합니다.

HTTP 헤더 관리: 적절한 Cache-Control, ETag, Expires 헤더를 설정하여 클라이언트 측 캐싱을 관리합니다.

function my_cache_set_headers($file) {
    $last_modified_time = filemtime($file);
    $etag = md5_file($file);

    header("Last-Modified: " . gmdate("D, d M Y H:i:s", $last_modified_time) . " GMT");
    header("Etag: $etag");

    if (@strtotime($_SERVER['HTTP_IF_MODIFIED_SINCE']) == $last_modified_time ||
        trim($_SERVER['HTTP_IF_NONE_MATCH']) == $etag) {
        header("HTTP/1.1 304 Not Modified");
        exit;
    }
}

6. 성능 최적화

캐시 시스템의 성능을 더 향상시키기 위해 추가적인 최적화를 고려합니다. 예를 들어, 메모리 기반 캐시 시스템을 사용하거나, 캐시 파일 관리 전략을 개선할 수 있습니다.

7. 보안 및 예외 처리

캐시 시스템의 보안을 강화하고, 예외 상황을 적절히 처리합니다.

function my_cache_create($buffer) {
    // ... 이전 코드 ...

    // 파일 쓰기 시 예외 처리 추가
    try {
        file_put_contents($cache_file, $buffer);
    } catch (Exception $e) {
        // 에러 로깅
        error_log($e->getMessage());
    }
    return $buffer;
}

추가 적인 고려사항

캐시 파일 경로: 캐시 파일의 경로 (/path/to/cache)가 실제 서버 환경에 맞게 설정되어야 합니다. 또한, 이 경로에 쓰기 권한이 있는지 확인해야 합니다.
캐시 시간 설정: 현재 캐시 파일의 유효 시간이 하드코딩되어 있습니다 (3600초). 이 값을 플러그인 설정에서 조정할 수 있도록 하는 것이 좋습니다.
HTTP 헤더 설정: my_cache_set_headers 함수가 실제로 사용되지 않고 있습니다. 이 함수를 캐시된 페이지를 제공하는 부분에 적절히 호출해야 합니다.
예외 처리: 파일 작업(file_put_contents, unlink 등)과 HTTP 헤더 설정에 대한 예외 처리를 추가하는 것이 좋습니다. 이렇게 하면 예기치 않은 오류에 대처할 수 있습니다.
설정 페이지: my_cache_plugin_settings_page 함수 내에서 실제로 설정을 저장하는 로직이 구현되어야 합니다. 현재는 설정 폼만 있고, 처리 로직이 보이지 않습니다.
보안 강화: @strtotime($_SERVER['HTTP_IF_MODIFIED_SINCE']) 및 trim($_SERVER['HTTP_IF_NONE_MATCH'])의 입력 값을 적절히 필터링하거나 검증하여 보안을 강화하는 것이 좋습니다.
코드 스타일 및 주석: 일관된 코드 스타일을 유지하고, 필요한 부분에 주석을 추가하여 코드의 가독성을 높이는 것이 좋습니다.
테스트 및 디버깅: 개발 환경에서 이 플러그인을 충분히 테스트하고, 모든 기능이 예상대로 동작하는지 확인해야 합니다.

2부에서 계속..

저작자표시

ABOUT ME

GoldenKey GoldenKey

페이지 캐시 플러그인 구성

구현 단계

고려사항

서버나 기존 플러그인 참고

구현 고려사항

개발 시작

플러그인 개발 단계

추가적인 기능 착안사항

단계 세부사항

코드 구현

추가 적인 고려사항

티스토리툴바

ABOUT ME

페이지 캐시 플러그인 구성

구현 단계

고려사항

서버나 기존 플러그인 참고

구현 고려사항

개발 시작

플러그인 개발 단계

추가적인 기능 착안사항

단계 세부사항

코드 구현

추가 적인 고려사항

관련글 관련글 더보기

티스토리툴바