表示速度に関するチェック

表示速度は様々な要因に影響されます。下記に紹介するものはあくまでも一例となり、改善を保証するものではございませんので予めご了承ください。

※表示速度に関する個々の調査などは行っておりません

表示速度が遅いと感じた時のチェック事項

テーマ、プラグインを最新版にする

ご利用のテーマやプラグインが最新バージョンのものかご確認ください。

最新版のアップデート方法

各商品（WordPressテーマ及びプラグイン）は原則アップデート保証はございませんが、その上で無料 ...

on-store.net

PHPバージョンを確認する

サーバーのPHPバージョンが古いと機能や速度に影響を与えます。

※AFFINGER6の現在の推奨バージョンはPHP7.4です。

画像や動画を最適化する

大きすぎる、重すぎる画像や動画などの素材は表示速度に大きく影響を及ぼす場合があります。

適切な画像サイズ、圧縮設定されたものを使用しましょう。

Imsanityプラグインは画像をアップする際にサイズを修正してアップできます（何も考えずにUPした大きな画像も適正サイズにしてくれます）。

Imsanity

巨大な画像のアップロードを自動的にサイズ変更します。投稿者は巨大な写真をアップロードしていますか ? ...

ja.wordpress.org

記事一覧などのサムネイル画像について

テーマ管理＞「全体設定」＞”サムネイル画像設定”にてフルサイズ画像を読み込むと画像は綺麗に表示されますが、そのぶん表示速度に影響を与えます。

Twitter・instagram、YouTubeなどの埋め込み要素を減らす

TwitterやYouTube動画などの埋め込みは表示速度に影響を与えます。

表示速度を優先する場合は使用を最小限に抑えましょう。

特に、URLコピペの自動変換は不安定のため表示速度に影響を与える場合があります。埋め込む場合は公式が推奨している埋め込みコードを直接記載する方法がおすすめです。（下記リンクをチェック）

: Twitterやinstagram（インスタグラム）の埋め込みについて
Twitterやinstagramなど第3サービスの埋め込みに関しては公式が提供しているコード貼り付 ...

デフォルトの埋め込みURL（ブログカード）の変換を停止する

「Gutenberg 設定」＞「全般」＞”デフォルトの埋め込みURL（ブログカード）の変換を停止する”を有効化し、URL変換によるブログカードをWordPressデフォルトのままにすることで表示速度を改善できる場合があります。

: 埋め込みURL（ブログカード）～内部リンク・外部リンク
ACTIONではサイト内部のURLを貼り付けるとブラウザ表示時に自動でブログカードデザインに変換され ...

ページを分割する

長すぎるページは「ページ区切り」ブロックを使用すると分割することができます。

: 「ページ区切り」ブロック
長い記事などは「ページ区切り」ブロックを使用すると以下のように分割することができます。

Webフォントを使用しない

Webフォントやアイコンの読み込みは表示速度に影響を与えます。

WordPressのLazyLoadを有効にしてみる

テーマ管理＞「その他」＞”WordPress本体のLazyLoadを有効にする”を有効化することで条件に応じた画像に対し遅延処理を行います。

iframeなどにも対応したAFFINGER専用のLazyLoadプラグインもございます

不要なプラグインを停止する

プラグインを停止して、速度が改善される場合は該当プラグインの使用停止または代替えを検討しましょう。

便利な機能と表示速度はトレードオフの関係にあります。たくさんのプラグインを追加すればするほど表示速度に影響が出る可能性は高くなります。

キャッシュやminifyなどのプラグインは内容を正確に把握できていないと「デザインや機能が反映されない」などの不具合の原因となる場合がございます。

専用プラグインを使用する

他社製プラグインは機能が重複したり、相性が悪いことで表示速度に影響を与える場合がございます。

STINGER STOREではテーマに最適化した専用プラグインを多数用意していますのでご参考ください。

表示速度が悪化するその他の要因

物理的にサーバーが遠い（海外サーバーなど）
サーバーの処理速度が遅い
読み込みが多い（スライドショーやTwitterのウィジェットなど）
リクエストの重複（使用していないプラグインは極力停止）
ウィジェットに詰め込みすぎている

: サイトや記事が表示されない場合
テーマの移行などで全てのプラグインやカスタマイズを削除してもサイトが表示されない場合は特定の記事が原 ...

その他の解決方法

表示速度優先（β）設定

一部のjsやCSSファイル、フォントの読込を強制停止して表示速度を優先します。

スライドショーなどの機能も停止します。注意事項を確認の上でご利用ください。

: 表示速度優先（β）について
テーマ管理＞ SEO 一部のjsやCSSファイル、フォントの読込を強制停止して表示速度を優先します ...

Affinger LazyLoad

「AffingerLazyLoad（旧LazyLoadSEO）」プラグインは画像やiframeなどを遅延読込にするAFFINGER専用プラグインです。

画像やYoutube動画などを多用している場合は効果的に改善できる場合があります。

アフィンガー5に専用プラグインのLazyLoad SEOとautoptimizeを入れたらめちゃんこ早くなった！モバイルは数字的にはもう少しって感じだけど体感的にはめっちゃはやくなった！ pic.twitter.com/2CrAi4VIaH

— ハイジ (@haiji_blog) 2018年11月24日

これまで使っていた「Unveil Lazy Load」からaffingerの追加プラグイン「LazyLoad SEO」に変更してみた。

PCでの表示が意味わからんくらい爆速になってやばい！さらに普通のLazyLoadと違ってSEO面でのデメリットも解消されている。

正直「LazyLoad」に5,000円は気が引けたけどこれは全然ありだわ。 pic.twitter.com/IuR3VBgICW

— とーま@東京ボーイ (@toma_tokyoboy) 2018年7月20日