ページ速度改善／モバイルスコア50点から90点へ上げた方法

その問題放っておかないで！
今のうちから対処しておかないと後で直すのが大変です。

できそうなものから少しずつでいいので設定しておきましょう。

PageSpeed Insightsでページ速度測定

ページスピードインサイトにて貴方のサイトURLを入力してスコアを確認
➡PageSpeedInsights

実は、分析ボタン何回か押すと分かりますが多少数値が前後します。
数値は目安ぐらいに考えてOK
実際の使用感も確認しておいてね。

【Googleアナリティクス】でページ速度スコアの低い原因探し

実はアナリティクスで各ページごとの速度を確認できます。

このような画面が出るかと思います。

右側の[サイト平均との比較]のところを【平均読み込み時間】に変更します。
すると、上の画像の通り赤くなっているページがありますでしょうか？
それがブログを重くしている原因のページです。

ページ速度改善の為に行ったこと

Twitterの埋め込み変更

Twitterの埋め込みってかなり重たいんです💦

の２択に変えるといいですよ！

②はツイートを２つ以上埋め込む際に、カスタムHTMLに貼り付け後、最後の<script～</script>部分を削除する方法です。
この部分は１記事に１つあれば大丈夫であり、１番重い部分なので消してしまいましょう。

スマホで撮った写真のサイズを小さくする

optimizillaなど画質を落とすツールをしようしているかと思いますが、そのツールにアップロードする際にスマホの写真サイズを小さくして取り込むことをオススメします。

O-DAN(オーダン)画像のサイズ変更

商用利用可の画像を拾ってくる際に、ダウンロードのサイズを選べるので１番小さいものにしましょう。

canvaのダウンロード画質を変更する

アイキャッチ画像を作成した後のダウンロード画質は何にしていますか？

アイキャッチがイラストのみの場合【JPG】でダウンロードすると軽くなります。

 画像をWebPに変更する

 EWWW Image Optimizerプラグインを使ってPNGで取り込んだ画像をWebPに変更します。

WebPとは、Googleが開発した新しい高圧縮フォーマットです。
かなり軽くなるので是非設定しましょう。

SWELLテーマを使う

SWELLテーマはwordpress高速化のプロである「スキルシェア」さんと顧問契約後、ページ速度が格段に速くなりました。

手っ取り早くページ速度を上げたい人はSWELLにテーマを変更してみてはいかがでしょうか。

≫SWELLテーマとは？

スクリプトの遅延読み込みをする

スクリプトの遅延読み込みはかなり大切です。
表示を遅らせても問題ない部分があるので設定しましょう。

≫SWELLをお使いの方はSWELL設定から行えます（方法はこちら）

【有料テーマへ変更した人】のページ速度重くしている原因

有料テーマにはプラグインに代用できる機能が設置されていることがあります。
内容の似たプラグインは重くなる要因なので無効化しましょう。

SWELL利用者の場合

• キャッシュ削除系
• Font Awesome(webイラスト使用できる)
• Shortcodes Ultimate(カラムなど)
• Insert Headers and Footers(headの後に入力できる)

などなどSWELLに備わっているので必要ありません。
公式ページに上記以外のプラグインが書かれているので参考にしてください。

≫SWELLで非推奨・不必要なプラグインと、推奨プラグインについて

プラグイン一覧を再度確認しよう

最後に、プラグイン一覧を見て
なんのために使用しているものか字に起こしてみてください。

似ているものはありませんでしょうか？

テーマによっては似たようなものが設置されていることもあるので
設定欄も１度目を通してみましょう。

最後に

お疲れ様でした。

PageSpeed Insightsのページ速度解決方法が１番の解決方法なのかもしれませんが難しすぎますよね💦

まず紹介したものから取り組んでみてください。

スコアが上がっていますように！
ブログ運営がんばっていきましょう🔥

おすすめ記事
・インデックス登録できない方へ
・ブロガーへの道【まとめ編】