高速化設定しよう

SANGO 3.0より 管理画面→SANGO設定 →高速化設定よりさまざまな高速化設定をできるようになりました。

以下の項目を高速化設定より設定可能です。

高速化のチップス

ブログを始めたばかりの方は全ての設定をONにしていただくのがお勧めです。
プラグインなどを使っており機能の衝突の関係からやむ負えない場合のみOFFにしてください。

設定項目の一覧

キャッシュ設定
┣ 一度読み込んだページをキャッシュする
┗ HTMLを圧縮してキャッシュする

インライン設定
┣ SANGOテーマのCSSをインラインで読み込む
┗ SANGOテーマのJavaScriptをインラインで読み込む

アセットの読み込み設定
┣ 圧縮されたCSSを読み込む
┣ SANGOテーマの2系以前のCSSを読み込まない
┣ カスタムCSSのfooter出力を停止する
┣ jQueryを読み込まない
┣ 絵文字用のJSを読み込まない
┗ Googleフォントを読み込まない

✨遅延読み込み及び先読み設定
┣ メインコンテンツ外の画像の遅延読み込み
┣ 記事内のiframeやscriptの遅延読み込み
┣ リンク先情報のプリフェッチ
┣ スクリプトの遅延読み込み
┗ DNSプリフェッチ

キャッシュ設定

ページを表示するにはデータベースから情報を取り出してそれを加工した上で表示する必要があるので時間がかかります。キャッシュ設定はこうした計算結果をHTMLとして保存しておき、それを次回から使い回すのでサイトに一度でもアクセスがあるとキャッシュが作られ、以降は高速表示が可能です。

キャッシュ機能を使う上での注意点

SANGOのキャッシュ機能を使う場合はWP Fastest CacheやW3 Total Cacheなどのプラグインと機能が衝突する可能性があるので、必ずこれらのプラグインはOFFにしてください。

インライン設定

CSSやJavaScriptを読み込むには直接HTML内にCSSやJavaScriptのコードを埋め込むか、外部ファイルとして管理しておき、その外部ファイルを読みに行く方法があります。外部ファイルを読みに行くと、読みに行くのにネットワークを介するので時間がかかる原因になります。インライン設定はSANGOで必要なファイルを外部化せずに直接HTMLに埋め込むための設定です。余程のことがない限りチェックを入れておくのがお勧めです。

アセットの読み込み設定

圧縮されたCSSを読み込む

CSSやJavaScriptは圧縮されていた方が人間にとっては読みにくいですが、ブラウザーにとっては読みやすいです。圧縮しておくことでブラウザーの計算速度が早まり高速化につながります。

SANGOテーマの2系以前のCSSを読み込まない

SANGOテーマ2系以前に使われてた古いCSSを読み込まないための設定です。SANGOを新しく始める方はまず読み込む必要がないのでOFFにしてください。

クラシックエディターをお使いの方は

クラシックエディターをお使いの方は2系以前のCSSを読み込まないと表示が崩れる可能性がありますのでONにしていただくのがお勧めです。

カスタムCSSのfooter出力を停止する

キャッシュプラグインは非推奨なのですが、キャッシュプラグインをお使いの場合はカスタムCSSがヘッダに出力されない場合があります。その場合にカスタムCSSはサイトのフッター付近に出力されています。不要であれば停止してください。

キャッシュプラグインを利用していない場合は強く停止をお勧めします!

jQueryを読み込まない

jQueryは便利なJavaScriptのライブラリですが容量が大きく読み込みや計算速度に影響します。プラグインなどをお使いでない場合はチェックを入れて読み込まないようにしてください。

絵文字用のJSを読み込まない

WordPressでは絵文字をいろいろな環境で表示するために独自のアイコンに変換するためのJavaScriptが用意されています。絵文字を使わない場合はチェックを入れて読み込まないようにしてください。

Googleフォントを読み込まない

Googleフォントは美しいですが、日本語や英語のフォントを読み込むためロードに時間がかかります。Googleフォントを利用していない場合はチェックを入れて読み込まないようにしてください。

遅延読み込み及び先読み設定

メインコンテンツ外の画像の遅延読み込み

記事内コンテンツはWordPressの標準機能によって遅延読み込みされますが外部のコンテンツは対象外です。もし外部のコンテンツも遅延読み込みしたい場合はチェックを入れてください。余程の理由がない限り、チェックを入れて遅延読み込みされることをお勧めします。

記事内のiframeやscriptの遅延読み込み

記事内のYouTubeやGoogle Map、Twitter埋め込みなど、iframeやJavaScriptを必要とするウィジェットの読み込みを遅延します。記事内のコンテンツの遅延ロードが許容できる場合はチェックを入れてください。

コメントを残す

* は入力必須項目です。
コメント投稿ガイドラインを読んでから投稿してください。
メールアドレスは公開されませんが、名前は公開されます。

HTMLやPHPのコードを掲載するときはHTMLエスケープツールで特殊文字を変換してから貼り付けてください。