사이트 속도를 분석하기 위해 PageSpeed Insights 서비스를 사용했습니다. 이 서비스는 사이트의 오류, 페이지 열기 속도 및 사이트의 검색 엔진 최적화를 확인합니다. 이 가이드에서는 nginx 웹 서버에서 압축을 활성화하고 정적 파일에 대한 캐시를 활성화하여 사이트 속도를 높입니다.

1. gzip 압축을 활성화하고 캐시를 구성합니다.

호스트 구성 파일의 서버 섹션에 다음 설정을 추가해 보겠습니다.

server {

...

    gzip on;
    gzip_comp_level    5;
    gzip_min_length    256;
    gzip_proxied       any;
    gzip_vary          on;

    gzip_types
    application/atom+xml
    application/javascript
    application/json
    application/ld+json
    application/manifest+json
    application/rss+xml
    application/vnd.geo+json
    application/vnd.ms-fontobject
    application/x-font-ttf
    application/x-web-app-manifest+json
    application/xhtml+xml
    application/xml
    font/opentype
    image/bmp
    image/svg+xml
    image/x-icon
    text/cache-manifest
    text/css
    text/plain
    text/vcard
    text/vnd.rim.location.xloc
    text/vtt
    text/x-component
    text/x-cross-domain-policy;
    # text/html is always compressed by gzip module

    location ~*  \.(jpg|jpeg|png|gif|ico|css|js|pdf)$ {
        expires 7d;
    }
    
 ...
 
}

1.1 구성에 오류가 있는지 확인해 보겠습니다

nginx -t

1.2 서비스를 다시 시작하자

service nginx restart

브라우저에서 사이트가 올바르게 작동하는지 확인하고 PageSpeed Insights 측정항목을 다시 확인하세요. 다양한 사이트의 구조에 따라 사이트 속도 표시기가 15-20% 증가합니다.