読者です 読者をやめる 読者になる 読者になる

CentOS 7 - Page Speed Insights(PSI)でWebページの表示速度に点数を調べてみた。

ご自身が運用しているWebページの点数を知りたくありませんか??

 

Google謹製、Webページのパフォーマンス測定ツール「Page Speed Insights(PSI)」のインストール方法と使用方法を紹介します。

 

詳しくは、公式ページをご覧ください。

https://developers.google.com/speed/docs/insights/about?hl=ja

 

作業環境

- カゴヤ・クラウド/VPS 
- CentOS 6.6

 

npmをインストール

PSIは、npmで管理されているパッケージモジュールです。そのため、 PSIをインストールする前にnpmをインストールする必要があります。

npmは、「Node Package Manager」 の略で Node で 作られたパッケージモジュールを管理するためのツールです。

 

Yumリポジトリを追加

npmのインストールには、Yumリポジトリ「EPEL」が必要なので追加します。

# yum install -y epel-release

 

npmをインストール

npmをインストールします。

# yum install -y npm

 

PSIをインストール

PSI をインストール

npmコマンドは、以下のようにして使います。

# npm install -g psi

「-g」オプションは、npmでインストールするパッケージがグローバル領域にインストールするために必要です。

これで、PSIのインストールは完了です。特に設定項目もありません。

 

Webページを測定

PSIでWebページのパフォーマンスを測定してみましょう。

psiコマンドは、以下のようにして使います。

# psi http://yahoo.co.jp

----------------------------------------------------------------

URL:       http://www.yahoo.co.jp/
Score:     74
Strategy:  desktop

Number Resources                                 | 63
Number Hosts                                     | 15
Total Request                                    | 9.88 kB
Number Static Resources                          | 50
Html Response                                    | 234.95 kB
Css Response                                     | 6.29 kB
Image Response                                   | 212.4 kB
Javascript Response                              | 263.44 kB
Other Response                                   | 5.87 kB
Number Js Resources                              | 11
Number Css Resources                             | 1
                                                 |
Avoid Landing Page Redirects                     | 0
Enable Gzip Compression                          | 0.11
Leverage Browser Caching                         | 24.47
Main Resource Server Response Time               | 0
Minify Css                                       | 0
Minify HTML                                      | 0.13
Minify Java Script                               | 0
Minimize Render Blocking Resources               | 6
Optimize Images                                  | 2.46
Prioritize Visible Content                       | 0

----------------------------------------------------------------

yahooの得点は、74点

 

PSIの使い勝手は、いかがでしたでしょうか??

 

PSIをアンインストールする

npmで管理しているパッケージの削除は、以下のようにして行います。

# npm uninstall psi