Developersの中にあるツールの一つです。WEBサイトの表示速度をモバイルとパソコンそれぞれで評価してくれて、修正すべき箇所を教えてくれます。Developers)何か大変そうだなと思って後回しにしたのをすっかり忘れていたので、今更ながら出来る範囲でサイトを修正してみました。今回修正したサイトは2つで、一つは当サイト。一つは別の海外テンプレートを使っているサイトです。当サイトの修正前の評価このテンプレートはスマホ向けのレスポンシブ未対応で、特に対策もしていません。海外テンプレートサイトの修正前の評価レスポンシブデザインに対応しているテンプレート。モバイルもひどい点数。使用してリソースを圧縮することで、ネットワークで送信されるバイト数を減らすことができます。.htaccessに以下の圧縮するための項目を追加しました。application/x-javascript2.ブラウザのキャッシュを活用する.htaccessに以下の項目を追加しました。排除するJavascriptとCSSを最適化してくれるプラグイン「Autoptimize」を導入しました。「プラグイン」⇒「新規追加」から「Autoptimize」を検索すればインストールできます。プラグインを有効化したら「設定」⇒「Autoptimize」から設定画面を開きます。Cache」をクリックすれば完了です。Optimizer」を使いました。Optimizer」を検索すればインストールできます。Optimizer」から設定画面は開けますが、特に設定を変更すべきところはありません。metadata」にだけチェックを入れました。Optimize」という項目が増えているのでクリックします。Images」のボタンを押します。Optimize」をクリックします。optimizing」をクリックします。後は勝手に画像を最適化してくれるので完了するのを待つだけです。修正した結果こうなりましたとりあえず出来る範囲で修正した結果が以下のようになります。レスポンシブ未対応のせいかモバイルに関してはあまり評価は上がらず。パソコンの表示に関しては中々の改善が見られたようです。海外テンプレートは見違えるほど評価が上がりました。実際に体感でわかるほど表示速度も速くなりました。前の状況がよっぽどひどかったんだと思います。修正の提案はたくさんありますが、とりあえずこれだけの修正でも改善した感じが見られたので満足です。Insightsなんて使ったことないよー」という方は、一度自分のサイトorブログでチェックしてみると、表示速度の改善に役立つのでオススメですよ。views見出しタグ(h1~h6)の正しい使い方。viewsページ上部へ戻る『WPナビ』について当ブログでは初心者の方でもワードプレスで個人ブログが作れるように、ワードプレスをインストールするまでの手順、初期設定と記事の書き方、ブログの運営に便利なプラグインなどを紹介しています。ワードプレスを利用する方は難しいと感じることもあるかもしれませんが、慣れてしまえばカスタマイズ性に優れた使いやすいツールです。これから自分のブログを作ってみようかなと思っている方は、是非ワードプレスを使ったブログにチャレンジしてみてください。WordPressの使い方。WPナビページ上部へ戻る。