>ブログAFFINGER6の表示速度を高速化する対策5選【専門知識は不要・無料】2021年12月25日AFFINGER6を使っているけど、表示速度をアップしてUXをよくしたい。何ができるかなぁ?当記事では上記の悩みに応えます。執筆者は副業ブログ歴5年の現役副業ブロガー。本業はマーケター(WEBもやる)会社員も育児も家事もしながらブログ書いてます。月に30〜68万ほどブログで稼いでいます。過去20個くらいブログを作ったことがあります。時間がない方に結論を先出し!AFFINGER6で表示速度を高速化するために行ったことは以下です。JavaScriptを入れて設定サーバーでキャッシュの設定SEO的にもユーザー体験的にも大事な表示速度。僕はこのブログでAFFINGER6を使っています。AFFINGERって多機能で、カスタマイズ性が高くて、完全に神テーマなのですが、シンプルなテーマに比べると若干重いんですよね。どれだけ便利だとしても、SEO評価が悪くて流入が少なかったり、ユーザー体験が悪く離脱率が高かったりすると意味がありませんよね。いうわけで、AFFINGER6で、表示速度高速化しました。Insightsのスコアは以下の通り。スマホの方はまだ90に届いてませんが、専門知識なしで限界までやったかなという感じです(笑)最初計測した時はこんなのでしたから。ジキね?頑張ったでしょ?笑というわけで、今回はAFFINGER6を上記のスコアまで高速化するために僕が行ったことを全て解説します。高速化というと、有料プラグインを購入したり、コードを書き換えたりする方法もあるのですが、僕がやった方法はお金を使うことなく、コードをいじったりすることもなく、誰でも簡単にできる方法なので、ご安心ください。僕のAFFINGER6の前提EX版を入れていますAFFINGERタグ管理ツール入れてますPVモニター入れてますサーバーはConoHaWINGですこんな感じの僕が行った対策をまとめると以下の通りです。JavaScriptを入れて設定サーバーでキャッシュの設定では一つずつ解説していきますね。AFFINGER6の高速化1:画像フォーマットを全てWebPに変換これはまだまだ現在進行中ですが、高速化したページの画像は、画像フォーマットをjpegやpngから、WebPに変換しました。Insightsの改善点として上がってくる↓これに対応するものです。WebPとはGoogleが開発した次世代画像フォーマットです。jpegと同じく非可逆圧縮で圧縮率が高いpngのように透過処理ができるgifのようにアニメーションにも対応できるすごくざっくり粗い感じでいうと、画質はいいのに、軽い画像データってことです。IEや古いブラウザ以外は対応しているので、問題なく使えると思います。やって使うの?ジキそれがめちゃくちゃ簡単なんです。squooshというGoogleが開発したサービスで簡単に変換可能です。画像をドロップして、WebPのフォーマットを選ぶだけです。上記はスクショしたpng画像を圧縮した画像ですが、84%も圧縮されました。ちなみに、同時に画像のリサイズとかもできるので、最適サイズに設定しておくことをおすすめします。変換すべき画像もれなくWebPに変換すべき画像は以下の通り。吹き出しユーザーは吹き出しに使われている画像これである程度網羅できるかと思います。