サイトの速度を分析するために、PageSpeed Insights サービスを使用しました。このサービスは、サイトのエラー、ページを開く速度、サイトの検索エンジンの最適化をチェックします。このガイドでは、圧縮を有効にし、nginx Web サーバー上の静的ファイルのキャッシュを有効にすることで、サイトの速度を向上させます。

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% 増加します。