apache

【Apache】PageSpeedモジュールをインストールしてWebサイト読み込み速度を改善する

プログラミング

こんにちは、フルスタックエンジニアのryuです。

今回の記事では、ApacheでPageSpeedモジュールをインストールしてWebサイトの読み込み速度を改善する方法を解説します。PageSpeedモジュールとは、Googleが提供しているモジュールで、Webサイトの読み込み速度を簡単に高速化してくれる便利なモジュールです。サーバーサイドで設定することができます。

関連【おすすめ】コマンドを打ちながらLinuxが学べるサイトInfraAcademy

サーバー構築を実践で身につけるInfraAcademy

※本ページには、プロモーション・アフィリエイトリンクが含まれています

PageSpeedモジュールとは?

今回の記事は、ApacheにPageSpeedモジュールをインストールする方法について解説します。PageSpeedモジュールはGoogleが提供するモジュールで、ページの高速化を簡単に設定することができます。

PageSpeedモジュールの詳細については、公式ページをご覧ください。

PageSpeed Module  |  Google Developers

インストールする手順は以下の通り。

  • モジュールのダウンロード
  • モジュールのインストール
  • モジュールを有効にする設定

では、詳しく解説します。

PageSpeedのインストール方法解説

PageSpeedモジュールのダウンロード

まず、PAgeSpeedモジュールのダウンロードを行います。OSはDebianやUbuntsを想定しております。wgetコマンドを使用してダウンロードします。

 wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-beta_current_amd64.deb

Webサイトから直接ダウンロードしたい方はこちらの記事からダウンロードできます。

https://www.modpagespeed.com/doc/download

PageSpeedモジュールのインストール

wgetコマンドでモジュールのダウンロードが完了したら、モジュールのインストールを行います。モジュールのインストールは以下のコマンドで行います。

dpkg -i mod-pagespeed-*.deb
apt-get -f install

モジュールを有効にする設定

最後にモジュールを有効にする設定を行います。.htaccessファイルに以下の設定を行います。

ModPagespeed on

# 有効化
ModPagespeedEnableFilters sprite_images,rewrite_css,combine_css,inline_google_font_css,prioritize_critical_css,outline_css,remove_comments,collapse_whitespace
ModPagespeedEnableFilters rewrite_javascript,combine_javascript,inline_javascript,defer_javascript
ModPagespeedEnableFilters rewrite_javascript,combine_javascript,inline_javascript
ModPagespeedEnableFilters make_google_analytics_async,trim_urls

これで設定が完了です。最後にapacheを再起動して終わりです。

/etc/init.d/apache2 restart

その他Webの速度を改善する方法

今回はPageSpeedモジュールを使って、Webページの速度を改善する方法について解説しました。

その他のWeb速度を改善する方法については、こちらの参考書で解説されております。ページ速度はSEOに重要な項目なので、いろいろと勉強してみてください。

ABOUT ME
ryu@InfraAcademyというインフラ学習サービス運営
InfraAcademyというインフラエンジニア向けの学習サービスを運営しております。 インフラエンジニアからフルスタックエンジニア、PdM サーバ、ネットワーク、セキュリティ、クラウドについて投稿します。
RELATED POST