Debian11BullseyeにNginxGooglePagespeedをインストールする方法

プレリリースのngx_pagespeedモジュールとPSOLライブラリを使用するプロセスは、安定版ブランチと同じです。したがって、以下のようにいくつかのオプションを変更するだけです。

クローンngx_pagespeedソースにCDを挿入し、最新のプレリリースブランチを確認してください。プレリリースブランチは将来変更される可能性が高いことに注意してください。

したがって、Githubプロジェクトのブランチにアクセスする必要があります そして最新のものを見つけてください。現在、36ブランチは、“ v1.14.33.1-RC1を備えたプレリリースブランチです。 「 。手順については、「安定版」に戻ってクローンを作成する手順をスキップします。

cd incubator-pagespeed-ngx

36番のプレリリースページスピードブランチをチェックしてください：

sudo git checkout 36

これで、出力の最後に“ PSOL_BINARY_URL 「 印刷した。 PSOL URLダウンロードリンクは、使用したブランチであるGITチェックアウトからダウンロードする必要があるページ速度最適化ライブラリです。

ダウンロードするライブラリのURLを見つけるには、次のコマンドを入力して表示します。

cat PSOL_BINARY_URL

出力例：

https://dist.apache.org/repos/dist/release/incubator/pagespeed/1.14.36.1/x64/psol-1.14.36.1-apache-incubating-$BIT_SIZE_NAME.tar.gz

出力に“ $ BIT_SIZE_NAMEがあることに注意してください 「 。これは、ほとんどの人がx64になります。

次に、PageSpeed最適化ライブラリをダウンロードします（PSOL） 続行します。

wget https://dist.apache.org/repos/dist/release/incubator/pagespeed/1.14.36.1/x64/psol-1.14.36.1-apache-incubating-$BIT_SIZE_NAME.tar.gz

アーカイブを抽出します。

sudo tar xvf psol-1.14.36.1-apache-incubating-x64.tar.gz 

Nginxをngx_pagespeedモジュールでコンパイル

次に、PSOLライブラリでダウンロードしたngx_pagespeedモジュールでダウンロードしたNginxソースをコンパイルします。

まず、NginxソースディレクトリにCDを挿入します。 Nginxのバージョン番号は異なる場合があることに注意してください。

例のみ：

cd /usr/local/src/nginx/nginx-1.21.4/

次に、Nginxソースのビルド依存関係をインストールします。

sudo apt build-dep nginx -y

次に、「 –with-compactフラグ」を使用してngx_pagespeedモジュールをコンパイルします。 「 。このプロセスにより、将来のファイルモジュールが“ ngx_pagespeed.so になります 「 アクティブなNginxサーバーと互換性があります。

sudo ./configure --with-compat --add-dynamic-module=/usr/local/src/incubator-pagespeed-ngx

次に、モジュールの作成コマンドを使用します 。このプロセスは最大で約1分かかります。

sudo make modules

次に、新しく作成した「ngx_pagespeed.so」をコピーします。 モジュールをアクティブなNginxサーバーディレクトリに追加します。場所はインストールによって異なる場合がありますが、ほとんどの人は同じである必要があります。

sudo cp objs/ngx_pagespeed.so /etc/nginx/modules/

代替：

sudo cp objs/ngx_pagespeed.so /usr/share/nginx/modules/

Nginxにngx_pagespeedモジュールをロード

これで、ngx_pagespeedモジュールをNginxにロードするときが来ました。これには、テキストエディタnanoを使用します。まず、「 nginx.conf」を開きます 「 ファイル。

sudo nano /etc/nginx/nginx.conf

ここで、次の行を追加します。

 load_module modules/ngx_pagespeed.so; ##### insert with other modules ###

例：

終了するには、ドライランコマンドでNginx構成をテストし、問題がなければNginxサーバーを再起動します。

sudo nginx -t

例：

 nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
 nginx: configuration file /etc/nginx/nginx.conf test is successful

Nginx構文に問題がない場合は、Nginxサービスを再起動します。

sudo systemctl restart nginx

PageSpeedキャッシュを作成

フィルタを設定する前に、Nginx pagespeedのキャッシュディレクトリを作成して、キャッシュされたファイルと画像変換を保存する必要があります。これは、選択した場所に変更できます。ただし、ガイド用のNginxフォルダーの下に作成します。

キャッシュディレクトリを作成します：

sudo mkdir -p /etc/nginx/ngx_pagespeed_cache

www-dataユーザーを所有者として設定します（重要）：

sudo chown -R www-data:www-data /etc/nginx/ngx_pagespeed_cache

PageSpeedファイラーのセットアップ

さて、ページスピードフィルターを設定する方法はいくつかありますが、どれも正しいか間違っているかはわかりません。ただし、この例では「pagespeed.conf」が作成されます。 このチュートリアルの構成ファイル。

これは、pagespeedの設定が難しい場合があり、多くの場合Webサイトを壊す可能性があるためです。 pagespeedモジュールをすばやく元に戻したい場合は、インクルード pagespeed.confに対してコメントできます。 サーバーブロックの行。

pagespeed.confファイルを作成します：

sudo nano /etc/nginx/modules-available/pagespeed.conf

次に、ほとんどのWebサイトで安全に設定されているプラ​​イマリフィルターについて説明します。ただし、これは将来、さまざまなオプションに変更および変更される可能性がありますが、ドキュメントに注意深くアクセスして、これを調査する必要があります。

###enable pagespeed on the server block###
 pagespeed on;
 pagespeed Domain https://www.example.com;
 pagespeed Domain https://example.com;

###Add this line if your website runs on HTTPS###
 pagespeed FetchHttps enable;

###Set up admin location###
 admin console
 pagespeed Statistics on;
 pagespeed StatisticsLogging on;
 pagespeed StatisticsLoggingIntervalMs 60000;
 pagespeed StatisticsLoggingMaxFileSizeKb 1024;
 pagespeed MessageBufferSize 100000;
 pagespeed LogDir /var/log/pagespeed;
 pagespeed AdminPath /pagespeed_admin;

###SECURE THE LOCATION FROM BAD BOTS AND MALICOUS ACTORS###
 location ~ ^/pagespeed_admin {
    allow 127.0.0.1;
    allow your-own-IP-address;
    deny all;
 }


###Specify the file cache folder that you created earlier###
 pagespeed FileCachePath /etc/nginx/ngx_pagespeed_cache;

###Set the cache settings, you can play around with these numbers###
 pagespeed FileCacheSizeKb            102400;
 pagespeed FileCacheCleanIntervalMs   3600000;
 pagespeed FileCacheInodeLimit        500000;
 pagespeed LRUCacheKbPerProcess     1024;
 pagespeed LRUCacheByteLimit        16384;

###OPTIONAL: use Memcached to further increase performance of pagespeed###
 pagespeed MemcachedThreads 1;
 pagespeed MemcachedServers "localhost:11211";

###Ensure requests for pagespeed optimized resources go to the pagespeed handler###
 and no extraneous headers get set.
 location ~ ".pagespeed.([a-z].)?[a-z]{2}.[^.]{10}.[^.]+" {
   add_header "" "";
 }
 location ~ "^/pagespeed_static/" { }
 location ~ "^/ngx_pagespeed_beacon$" { }

###Set the most common safe filters###
 pagespeed RewriteLevel CoreFilters;

ここで、新しく作成されたpagespeedディレクトリでセットアップファイルの名前を“ pagespeed-example.com.confに変更したことに気付いたかもしれません。 。」 これは、同じサーバー上で複数のWebサイトをホストしているかのように行われました。いくつかは異なるページ速度のカスタマイズを必要とするかもしれません、それでセットアップファイルを分離することはあなたのセットアップが乱雑になるのを防ぎます。

設定されたフィルターオプションは、書き換えレベルとして「CoreFilters」でした。全体として、PageSpeedは、「CoreFilters、PassThrough、 、OptimizeForBandwidth」の3つの書き換えレベルを提供します 。 元のコメントでお気づきかもしれませんが、「CoreFilters」はほとんどのWebサイトで安全であり、テストのデフォルトとして使用されます。

コアフィルターの構成：

• add_head –追加 まだ存在しない場合は、ドキュメントの要素。
• combine_css –複数のCSS要素を1つに結合します。
• combine_javascript –複数のスクリプト要素を1つに結合します。
• convert_meta_tags –http-equiv属性を持つ各メタタグの応答ヘッダーを追加します。
• extend_cache – コンテンツハッシュを使用してURLに署名することにより、他の方法では最適化されていないCSS、JS、および画像リソースのキャッシュ寿命を延長します。
• fallback_rewrite_css_urls –他の方法では解析および縮小できないCSSファイルで参照されているリソースを書き換えます。
• flatten_css_imports –すべての@importルールをフラット化することによるインラインCSS。
• inline_css –小さなCSSファイルをHTMLドキュメントにインライン化します。
• inline_import_to_link –インライン <スタイル> CSS@importsのみで構成されるタグを同等のものに変換する <リンク> タグ。
• inline_javascript –小さなJSファイルをHTMLドキュメントにインライン化します。
• rewrite_css – CSSファイルを書き換えて余分な空白とコメントを削除し、有効になっている場合は、CSSファイルで参照されている画像を書き換えるかキャッシュ拡張します。 OptimizeForBandwidthモードでは、URLを変更せずに縮小がインプレースで行われます。
• rewrite_images – 画像を最適化し、画像を再エンコードし、余分なピクセルを削除し、小さな画像をインライン化します。 OptimizeForBandwidthモードでは、URLを変更せずに縮小がインプレースで行われます。
• rewrite_javascript – JavaScriptファイルを書き換えて、余分な空白とコメントを削除します。 OptimizeForBandwidthモードでは、URLを変更せずに縮小がインプレースで行われます。
• rewrite_style_attributes_with_url – CSSにテキスト「url（」が含まれている場合は、構成済みのrewrite_cssフィルターを適用して、CSSをスタイル属性に書き換えます。

これで、さらに多くのフィルターを追加することにより、CoreFiltersをさらに増やすことができます。ただし、フィルターが多いほどWebサイトが破損するリスクが高くなるため、調査を行うことをお勧めします。以下のいくつかの追加オプションの例である、Googleのpagespeedを使用することは芸術です。

###css optimization filters###
 pagespeed EnableFilters outline_css;
 pagespeed EnableFilters inline_google_font_css;
 pagespeed EnableFilters move_css_above_scripts;
 pagespeed EnableFilters move_css_to_head;
 pagespeed EnableFilters prioritize_critical_css;

###html optimization filters###
 pagespeed EnableFilters combine_heads;
 pagespeed EnableFilters collapse_whitespace;
 pagespeed EnableFilters convert_meta_tags;
 pagespeed EnableFilters elide_attributes;
 pagespeed EnableFilters pedantic;
 pagespeed EnableFilters remove_comments;
 pagespeed EnableFilters remove_quotes;
 pagespeed EnableFilters trim_urls;

###javascript optimization filters###
 pagespeed EnableFilters canonicalize_javascript_libraries;
 pagespeed EnableFilters defer_javascript;

###image optimization filters###
 pagespeed EnableFilters dedup_inlined_images;
 pagespeed EnableFilters inline_preview_images;
 pagespeed EnableFilters resize_mobile_images;
 pagespeed EnableFilters lazyload_images;
 pagespeed EnableFilters strip_image_color_profile;
 pagespeed EnableFilters strip_image_meta_data;
 pagespeed EnableFilters jpeg_subsampling;
 pagespeed EnableFilters convert_png_to_jpeg;
 pagespeed EnableFilters resize_rendered_image_dimensions;
 pagespeed EnableFilters insert_image_dimensions;
 pagespeed NoTransformOptimizedImages on;
 pagespeed EnableFilters sprite_images;

完了したら、 CTRL + O 保存するには、 CTRL + X 終了します。

次の行を追加し、テストして、セットアップが完了したら再起動して、これをサーバーブロックに含めます。

sudo nano /etc/nginx/sites-available/example.com.conf

次の行を追加して、フィルターを含めます。

include /etc/nginx/modules-available/pagespeed.conf;

例：

または、モジュール-利用可能からシンボリックリンクするだけです。 モジュール対応へ 、どちらのオプションも、使用するものに応じて機能します。

例：

sudo ln -s /etc/nginx/modules-available/pagespeed.conf /etc/nginx/modules-enabled/pagespeed.conf 

1つの方法のみを使用することを忘れないでください。

再起動する前にNginxサーバーをテストしてください：

sudo nginx -t

Nginx構文に問題がなく、エラーがない場合は、Nginxサービスを再起動します。

sudo systemctl restart nginx

WebP変換サポート

WebPイメージを生成するには、システムに次のパッケージをインストールします。

PHP 7.4 WebPサポート：

sudo apt install imagemagick php7.4-imagick ffmpeg

PHP 8.0 WebPサポート：

sudo apt install imagemagick php8.1-imagick ffmpeg

PHP 8.1 WebPサポート：

sudo apt install imagemagick php8.1-imagick ffmpeg

PHP8.0またはPHP8.1を使用していない場合、これはDebianの標準リポジトリを使用していることを意味します。これは、次のコマンドを使用して最新のPHPビルドをインポートすることで修正できます。

curl -sSL https://packages.sury.org/php/README.txt | sudo bash -x

次に、APT更新を実行して、新しい追加を同期します。

sudo apt update

次に、前述のようにこれらのコマンドを再実行します。 PHPを大幅にアップグレードした場合は、他の設定を必ず調整してください。

ngx_pagespeedが動作可能であることを確認します

努力は報われました。次に、PageSpeedが機能しているかどうかを確認します。以下の例のように、curlコマンドを使用してこれを行います。

curl -I -p https://www.example.com

この部分は次のように出力に表示されます。

x-page-speed: 1.13.35.2-0

ngx_pagespeedをプリロード

ngx_pagespeedモジュールにはプリロード機能がありません。これは、アイテムが適切にキャッシュされて最適化されるまでに数回のアクセスが必要になる可能性があるため、イライラする可能性があります。これは、1日に数回キャッシュをパージする必要があり、Webサイトの最適化レベルを許容できないままにしてしまうと、さらに悪化する可能性があります。

ただし、ramdiskを設定している場合は、次のコマンドを入力してすべてのWebページをプリフェッチします。また、これをcronjobに設定して、将来的に1時間ごと、1日ごと、または1週間ごとに実行することもできます。

Crontab.guruにアクセスします cronタイミングの作成についてサポートが必要な場合。

pagespeed ramdiskセットアップのプリロード：

sudo wget -m -p -E -k -P /tmp/preload/ https://www.example.com/

1時間に1回のcronジョブジョブ：

00 */1 * * * wget -m -p -E -k -P /tmp/preload/ https://www.example.com/

LinuxとDebianを初めて使用する場合は、Cronを開くには次のコマンドを使用します。

sudo crontab -e