ページスピードインデックスの活用!サイトスピードが上がった実例

目安時間 13分

こんばんは!

 

岩永です。

 

 

覚えてます?

 

 

私が以前、メルマガで読み込みが遅くなってる

記事があるって言ってたの。

 

 

まっ、私が忘れてたくらいですから、

覚えて無くて普通だと思います(笑)

 

 

いつかやらなくちゃと思ってはいたんですが、

今日アナリティクスを見ていて、

ふとサイドに目をやった時に、

思い出したんです。

 

 

あぁ~、上位記事で読み込みが

遅くなってたなって。

 

 

目次、表示、非表示

ページスピードインデックスの活用!

その記事をページスピードインデックス

測定すると、なんとモバイルで19しかない!


https://developers.google.com/

 

 

ちなみに他の記事で測定すると、

モバイルで35ありました。

 

 

パソコンが両方とも80~90前後。

 

 

で、ページスピードインデックスで

見ると原因と改善案まで表示されます。

 

 

主な解決案は2つ。

 

  • 使用していないJavaScriptの削除
  • 最初のサーバー応答時間を速くして下さい

 

Cocoonの高速化設定で

この2つはレ点を入れてあるんで、

問題ないかと思ってました。

 

 

そこで、ググってみると、色んな高速化の

手段が載ってました。

 

 

で、結論から言うと、少しだけ速くなりました。

 

モバイルで24。

 

 

+5ならまぁ、良い方でしょう。

 

 

サイトの高速化で実際にやってみたこと

今回は、サーバーの設定を変えてみました。

 

サーバーのPHP Verを、

最新のものに変えたんです。

 

 

年数経ってるサイトだと、

普通に古いバージョンのままだったりします。

 

これ、自動で更新されないんで、

サーバーパネル見てない方は、

たまに確認した方がいいですよ!

 

 

私のサイトも、もう3年経つので古いままでした。

 

それを最新のバージョンに変更しました。
岩永
岩永

 

PHPっていうのは、新しいほど性能が良いので、

変更するだけで、速度アップが望めます!

 

 

逆に古いままだと、良いことは一つもありません。

 

 

サーバーのPHP Ver.切り替え方法

やり方は、サーバーパネルから入り、

【 PHP Ver.切り替え】を押します。

 

 

一覧から変えたいサイトのURLを選択します。

 

 

そうすると、PHPのバージョン一覧が表示されますので、

その中で、番号が新しいバージョンを選択します。

 

 

一番上の( 推奨 )とついているものが
最新のバージョンです。
岩永
岩永

 

最後に【 変更 】を押して完了です。

 

 

これだけで、ほんの少しですが

サイトスピードが上がりました。

 

 

サーバーのphp.ini設定の変更方法

ついでなので、

php.ini設定でも高速化につながるコードを

打ち込んでおきました。

 

やり方は先程と同じようにサイトを選択して、

【 php.ini表編集 】を選択します。

 

 

注意すること

この作業をする時は、万が一に備え

バックアップをしてから作業して下さいね。

 

そして、php.ini設定内容の画面の

一番下に、以下のコードを貼り付けます。

zlib.output_compression = On

そして【 変更 】を押せば終了です。

 

 

この作業の意味は、PHPでの出力を

gzip圧縮にするための設定です。

 

 

多分聞いても良く分からないと思います。

 

私も分かりませんでした。

 

ポイント

PHPとは、動的にWebページを生成することができる

サーバーサイドのスクリプト言語のこと。

 

要はプログラミング言語ですね。

 

それを表示する時に、gzip圧縮して

表示してくれるから表示速度が速くなるんです。

 

gzip圧縮には、2つのメリットがあります。

 

  1. ページ表示が高速になる
  2. 転送量の軽減

 

可逆圧縮:圧縮してもほぼ完全に元に戻せる

 

高い圧縮率:非常に圧縮率の高いDeflateで高圧縮

 

高速処理:計算手順が簡単なので、圧縮・解凍が早い

 

 

Cocoonでは、テーマ自体に入っているので、

特に設定は必要なくて、先程の1行を追加するだけです。

 

 

くれぐれも、データを壊さないように、

慎重に作業しましょうね。

 

 

jQueryなどのスクリプトをフッターに移動する方法

それと、今回一番効果を実感したのが、

jQueryなどのスクリプトをフッターに

移動する方法です。

 

これは、サイトを開いた瞬間に実感出来ました!
岩永
岩永

 

これは、Wordpressのテーマの編集で行います。

 

くれぐれも、バックアップはお忘れなく。

 

X-サーバーなら、オートバックアップで安心です。

 

 

【 functions.php 】を選んで最後にこの

記述をコピペします。

 

参考にしたサイト。


https://fukuro-press.com/wordpress-move-scripts-to-footer/

 

 

追加したら【 ファイルを更新 】で終了です。

 

 

ヘッダー読み込み時に行っていた読み込みを、

フッターが表示された時に読み込むようにする

方法です。

 

 

これ、特化ブログもやったんですけど、

特化ブログの方がより速くなりました。

 

 

ただ数値的には、ほとんど変わってません。

 

 

エックスサーバーの高速化設定の見直し

その他、エックスサーバーの高速化も

全て見直しました。

  • Xアクセラレータのバージョンを1⇒2へ
  • サーバーキャッシュ設定OFF⇒ON
  • ブラウザキャッシュ設定ON

サーバーキャッシュ設定は、全てのサイトで

OFFになっていたので、ONに変えてみました。

 

 

反映されるまで、少し時間がかかります。

 

 

でもね、この26前後の数位でも

実際には稼げてる訳ですから、

それほど気にしなくても大丈夫でしょう。

 

 

他にもいくつか方法があるようですが、

しばらくこれで様子見します。

 

 

本日は以上になります。

 

■編集後記

娘にYouTubeを見せていた

タブレットが壊れました。

 

ソニーのエクスペリアZ3タブレット。

 

かれこれ5~6年使ってたやつです。

前日まで普通に使えてて、

 

 

充電が46%だったんで、寝る前に充電器に置いて

朝から立ち上げようとしたんです。

 

 

そしたら、

うんともすんとも言わないんです。

 

電源ボタンが入らない。

 

 

すぐにググって、対処法を試みましたが、

全部でダメ。

 

 

パソコン作業やる時に、

娘にYouTube観てもらってると

作業しやすいんですね。

 

 

昨日は仕方なく、スマホを貸して

観てもらってました。

 

 

だけど、画面が小さいし、

汚されます(笑)

 

 

小さい子って、なんであんなに

画面を汚く出来るんだろう?

 

新しく新調するかな。

 

ではでは!

 

 

前の記事

 

⇒ブログで稼ぎたいなら基礎を見直そう!基礎をしっかり学べば稼げるよ

 

次の記事

 

⇒特化ブログにアドセンス報酬が発生!外注化したことによる成果報告

 

 

 

毎日メルマガ好評配信中です!

 

ささやかながらプレゼントもご用意しております。

 

無料で登録できますので、ぜひご購読下さい。

 

以下にメールアドレスを入力しお申し込みください

お名前(必須)  
メールアドレス(必須)

※プロバイダーアドレスでは、メールが受け取れない場合がございますので、
Hotmail以外のYahoo、Gmailなどのフリーメールアドレスでの登録をお薦めいたします。

人気ブログランキング

ブログランキングに参加しています。

応援して頂けると嬉しいです!

 

コメントフォーム

名前 

 

メールアドレス 

 

URL (空白でもOKです)

 

コメント

CAPTCHA


僕が実践中の教材L2はコチラ↓

L2バナー

プロフィール

岩永ゆるアイコン
長崎出身、静岡在住の岩永(@JIRO_PAPA_BLOG)と申します。

 

グーグルアドセンスのブログを2018年10月より運営しております。

 

2020年3月より、外注化を取り入れ作業の効率化を図っているところです。

 

アドセンスブログで、月に1万円稼ぐ方法をお伝えしています。

管理人の詳しいプロフィールはコチラ↓

⇒管理人の詳しいプロフィール

 

 

カテゴリー
アーカイブ
最近の投稿
人気ブログランキング

ブログランキングに参加しています。

応援して頂けると嬉しいです!

 

固定ページ