作成した日本語サイトは、初期設定のままでは極端に重く遅いのです。今回はいくつかの設定を変更することにより高速化を行います。極端に重い一番の理由は下記で詳しく説明しますが、非常に重い日本語のフォントを読み込んでいるためです。それ以外にも高速化のために行っておいた方が良いことがありますので、ここにまとめておきます。速度の計測とともに改善点の提案をしてくれるので、非常に使い勝手が良いサイトです。使い方も、ページスピードインサイトにアクセスして、自身のWebサイトのアドレスを入力して「分析」をクリックするだけです。結果画面で、サイトの速度が数値で表示されます。100が最も早く、数値が少ないほど遅い状態です。モバイルとパソコンの両方で分析してくれます。画面をスクロールすると、詳細な分析結果が表示され、処理速度をアップするための提案を表示してくれます。今回は設定した高速化の成果をこのサイトを利用して比較することにします。テーマのオプションに高速化のための設定がいくつかあります。その設定がなされているかまずは確認してみましょう。「Divi」>「テーマのオプション」をクリックします。「General」(一般)を表示します。下記の2つが有効になっていることを確認します。無効であれば有効化してください。「ビルダー」>「詳細設定」を表示して、静的CSSファイルの生成が有効化されているのを確認してください。無効であれば有効化してください。「変更を保存」をクリックして保存してください。いう非常に遅い状態であることがわかります。残念な結果になってしまったので、設定の変更を行い高速化をはかることにします。3.フォントの変更で高速化え?フォント?って思いますよね。実はこのフォント設定の変更が、非常に効果が大きいのです。グーグルスピードインサイトで、結果表示の改善提案を確認していると、「過大なネットワークペイロードの回避」の項目が異常に大きいことに気づけます。いうフォントファイルが、非常に大きなサイズであることがわかります。上記の赤枠の部分ですが、極端に桁が違います。これを対処しましょう。」に使われていることが確認できます。「外観」>「カスタマイズ」をクリックします。CSS」をクリックします。CSS」のコード入力欄に、フォントの変更のコードを下記のように設定します。sans-serif;}変更したら「公開」をクリックして設定を保存します。大幅に改善されました。これだけ改善されるのですから、フォントの変更は必ず行った方が良いです。エレガントテーマさん、使っている日本語フォントが重すぎですよね。以上までの設定は、必ず行っておいた方が良いでしょう。プラグインを利用することで更なる圧縮と高速化が可能です。サイトの高速化についてはそれほど効果が大きくないことが判明しました。圧縮され、静的コンテンツのキャッシュもされているからです。ワードプレスダッシュボードの「プラグイン」>「新規追加」で検索しインストール可能です。「Autoptimize」と入力して下記のプラグインを検索してください。「今すぐインストール」をクリックし、インストールされたら「有効化」してください。「設定」>「Autoptimize」をクリックします。タブを切り替えて設定を行います。最小化と圧縮を設定できます。コードの最適化」をチェックして有効化します。JS-files?」のチェックも入れたままにします。コードを最適化」をチェックして有効化します。CSS-files?」のチェックも入れたままにします。連結」のチェックも入れたままにします。「HTMLコードを最適化」をチェックして有効化します。その他オプション「ログイン中のユーザーも自動化しますか?」のチェックを外します。「変更を保存」をクリックして保存します。最適化(画像の遅延読み込み)「Images」で画像の遅延読み込みを設定できます。※画像の遅延読み込みを設定すると写真ギャラリープラグインがうまく動かなくなることがあります。images?」をチェックして有効化します。「変更を保存」をクリックして保存します。「追加」では追加の最適化ができます。フォントと、絵文字、クエリー文字列の最適化を設定します。フォントの削除」をクリックし選択します。「絵文字を削除」をチェックします。「静的リソースからクエリー文字列を削除」をチェックします。「変更を保存」をクリックして保存します。追加で改善されました。※実際の表示スピードを、前後で比較したのが下記になります。点数もあがり、改善の提案も減るのですが、実はそれほど大きな速度の改善になっていないとは残念です。その標準の機能でかなり高速化されているということです。写真サイトを構築する際に、役に立ちそうな設定や情報をまとめています。関連する記事の目次ページとしています。図を用いて簡単に説明するようにしています。サイトで、写真や画像の分割比較表示をしたくなった場合に、便利なプラグインとして「TwentyTwenty」があります。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。