Java Scriptsをプラグインを使ってサイトスピードをあげた方法｜41→83

なにをしてもサイトスピードが上がらなかった。

こんな悩みにお答えしています。

無料テーマcocoonを使っていますが、ほかのテーマ使用の方も試してみてください。

使用していないJava Scriptをプラグインを使って、ページスピードを上げます。

キャッシュ系のプラグインは使用していません。

（Cocoonは、設定で高速化できるため）

わたしは問題ありませんが、この方法で不備が出たらプラグインを停止してくださいね。

サイトスピードをあげた方法｜不要なJava Scriptをなんとかする

Googleさんの使ってないJavaScriptを、なんとかしましょう。

同じようなJava Scriptのプラグインが入っていないか必ずチェックしてください。

もしプラグインが入っていて「Js」の項目にチェックが入っていたら外してください。

ダブルと余計に遅くなったり、動作に不備が出ます。

プラグインFlying Scripts by WP Speed Matters

プラグインFlying Scripts by WP Speed Mattersをダウンロードして、有効化します。

WordPressのプラグインから、新規追加して有効化しておいてくださいね。

PageSpeed insightsで、ページスピードを測定

使用前のわたしのページスピードは41！！

「使用していないJavaScript」を開く

測定画面から「使用していないJavaScript」を開く。

「js」を見つけたら「/」の後ろから「Js」までをコピー

ページ一番下の最後のほうまで、くまなくチェックして探してね。

ページ下の方にも隠れているので、頑張ってみつけましょう。

Flying Scripts by WP Speed Mattersを開く

WordPressの設定から、Flying Scripts by WP Speed Mattersを開いて「/から後のjs」をひとつずつ張り付ける。

Save Changes

「js」を全て貼り終えたら、一番下の「Save Changes」を押して終了です。

お疲れ様でした。

Cocoonでもページスピードは、凄く上がりました。

サイトスピードをあげた方法 ②｜画像

わたしは、Canvaで画像を作っています。

Tiny Pingで画像を圧縮

TinyPNGで画像を先に圧縮しておきます。

圧縮した画像をさらにダウンロードして、記事内に張り付けましょう。

プラグインEWWW Image Optimizerでさらに圧縮

プラグインEWWW Image Optimizerをダウンロードして、有効化しておきましょう。

WordPressの「メディア」をチェックして「最適化」しましょう。

ふたつする理由は、Ikuzoさんの記事で詳しく書かれていたので、貼っておきます。

はろさんが教えてくれたプラグインWebP Converterで、次世代フォーマットに変換できる！

軽いらしい。

プラグインでWebP conberterってのがあって、それを使うとアップロードした画像をWebP形式にしてくれるの！
　
Site speed insightで言われるところの次世代フォーマットに該当するやつで、容量が軽くて画質劣化がすくないのが特徴やで✨

— はろはろ＠週末フォトグラファー📸×ブロガー📝 (@haroharo72) July 31, 2021

サイトスピードを上げる方法｜まとめ

「使用していないJavaScript」をどうにかする方法はこちら。

作成した画像の圧縮方法はこちら。

以上です！

これで、サイトスピードがあがりますように！！