自社サイトの高速表示対策に取り組もう!
渋谷ブログセミナー講師陣の売上UPノウハウ集講師ブログ
スマホ時代には軽い(表示時間の短い)サイトづくりが重要!
スマートフォンサイトが今後ますます重要になってきます。第一段階として、ご自身のスマートフォンサイトの表示速度をチェックしてみてください。
あなたのホームページはストレス無くスムーズに表示されるでしょうか。
イライラ遅い表示だと来訪者は離脱してしまいます。
Page Speed InsightsというツールをGoogleが提供しています。
まずはご自身のホームページを100点満点で採点してくれますのでお試しください。
https://developers.google.com/speed/pagespeed/insights/
※実は当社もこれでチェックしたら20点という悲惨な結果となってしまいました。
※セミナー&研修ネットという別サイトも同様に高速化対策を行いましたが、こちらも25点と散々な状況からスタートです。
画像を最適化するためのツール『EWWW Image Optimizer』
表示速度を上げるためのツールをいくつか紹介しておきますのでお試しください。
画像を最適化するためWordPressのプラグインツール
→『EWWW Image Optimizer』
アップロードした画像が大きくなってしまうと読み込み速度が遅くなってしまいます。
このプラグインを使うと、これまでアップロードした画像を一括で圧縮することができます。
また、これ以後アップロードする画像はすべて自動で圧縮されるためわざわざ画像を圧縮する必要がなくなります。
設定方法に関してはこちらのサイトが参考になります!
サイトのソースを最適化するツール『Head Cleaner』
続いて、HeadCleanerというプラグインを使ってみましょう。
『Head Cleaner』
これはサイトのソース(構造)を最適化して表示速度を上げてくれるツールです。
設定方法はこちらのサイトをご覧ください!
ブラウザのキャッシュを活用する.htaccessの設定
はい、次にアドバイスされたのが「ブラウザのキャッシュを活用する」です。
これに関しては画像に有効期限を設定するため.httaccessに一文を加えるだけです。
設定方法はコチラのサイトです。
スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する「Asynchronous Javascript」「Async JS and CSS」
続いて”スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する”への対応です。
「Asynchronous Javascript」
「Async JS and CSS」
設定方法はコチラです。
結果、こうなりました。
当社のサイトは10ポイントアップ。
どうしてもサーバーの応答時間の短縮や画像を最適化するを完全にクリアすることができません。
![Page Speed Insights02](https://i0.wp.com/jairo.co.jp/wp-content/uploads/2015/04/e2b1e037c77cb53d511c7c1f499536cf-600x340.png?resize=600%2C340&ssl=1)
ただし、セミナー&研修ネットに関しては劇的な改善につながりました!
このような対策は、一度行えば終わりというわけではありません。
継続的な取り組みによってユーザーに優しいサイトへと変わっていくのではないでしょうか。
SNSでセミナーの様子をチェック
#ジャイロのセミナー
開催セミナー
- 【高崎商工会議所主催】「2024年度 創業支援セミナー」開催のお知らせ
- 【和歌山商工会議所主催】「2024年度 インバウンドセミナー」開催のお知らせ
- 【和歌山商工会議所主催】「2024年度 利益向上セミナー」開催のお知らせ
- 【岩手県商工会連合会・岩手県内全25商工会主催】「令和6年度 チャレンジ!新ビジネス構築セミナー」開催のお知らせ
- 【大和商工会議所主催】「2024年度 効果的な広告戦略セミナー」開催のお知らせ