Insightsのスコア改善に効果のあったSWELLの設定をまとめています。Insightsのスコアを改善できます。Console「ページエクスペリエンス」の良好URLが改善されます。ページの表示速度が速い」とは限らないので、そこまでスコアに拘る必要はないと思います。検索エンジンで上位表示されているサイトを調べてみると分かりますが、スコアが真っ赤でも上位表示されているサイトはたくさんありますから、上位表示目的で対策に時間をかけるのもおすすめしません。個人的には、致命的なエラーやすぐに改善できる項目は対策すべきだと思いますが、キャッシュ系のプラグインを追加してまで改善する必要はないと思います。サイトによって最適な設定は異なりますから、他のサイトで紹介されている設定を真似しても、スコアが上がるとは限らない点にも注意して下さい。管理画面の「SWELL設定」から変更できる項目です。このブログの設定を紹介しますが、必ずご自身のサイトにあった設定を選択して下さい。SWELLのSWELL設定の初期値(テーマをインストールした状態)をまとめています。設定を元に戻したい&どこを変更したのか分からない時は参考にしてみて下さい。全てにチェックを入れて、正常に動作しなくなったエリアはOFFにして下さい。外部リンクのブログカードをキャッシュする✔ブログカードのキャッシュ期間30日このブログでは、サイドバーの分岐が効かなくなったので、サイドバーのキャッシュだけ無効にしています。SWELLファイルの読み込みこのブログでは、「SWELLのCSSをインラインで読み込む」にのみチェックを入れています。ファイルの読み込み設定SWELLのCSSをインラインで読み込む✔コンテンツに合わせて必要なCSSだけを読み込むなしフッター付近のCSSを遅延読み込みさせるなし動作に支障がなければ、「コンテンツに合わせて必要なCSSだけを読み込む」にもチェックを入れた方がスコアは改善されますが、このブログではウィジェットの分岐が効かなくなったのでOFFにしています。遅延読み込み機能このブログでは、コンテンツの遅延読み込みを有効にすると、(プラグインで実装した)ウィジェットの条件分岐が効かなくなったので、どちらもOFFにしています。「スクリプト(lazysizes.js)」を使うと、画像比較系のプラグインのレイアウトが崩れたので、コアのLazyloadを使用しています。Insightsのスコア改善には、「スクリプトの遅延読み込み」の設定は必須です。削減」でスコアを下げているスクリプトがあれば、キーワードを追加して遅延読み込みさせるとスコアが改善します。遅延読み込みさせることで正常に動作しなくなるスクリプトもあるので、実際にサイトを表示した時に違和感を感じるのであれば、スクリプトの遅延読み込みをOFFにする及び対象のキーワードを削除して下さい。Blockのコピーボタンが表示されない時に確認してほしいことをまとめています。プラグインの設定画面で、「コピーボタン」...ページ遷移高速化このブログでは、「Prefetch」を使用するとスコアが落ちたので、ページ遷移高速化は使用していません。使用しない公式サイトにも下記のように記載されているので、必要なければOFF推奨です。ページの「遷移」が高速化するだけのものです。ファーストビュー時の表示速度は速くならない(むしろ、読み込むスクリプトが増える)ことに注意してください。SWELLjQueryの読み込みこのブログでは、「jQueryを強制的に読み込む」だけOFFにしています。jQueryjQueryの読み込み設定jQueryをwp_footerで登録する✔jquery-migrateを読み込まない✔jQueryを強制的に読み込むなしただ、「jQueryをwp_footerで登録する」を有効にすると、上手く動作しないプラグインもありました。SWELLの機能の停止このブログでは、「ページ表示時のアニメーション」を停止させています(他の設定は全て初期設定のまま)。必要なければ、「ページ表示時のアニメーション」を停止させるだけでもスコアは若干改善されます。リセットSWELL設定を変更した時は、リセットから一度キャッシュをクリアして下さい。リセット他の設定も同様、設定の変更が反映されない時は、一度キャッシュを削除してみて下さい。WordPressの設定SWELLの設定だけで改善されない時は、WordPressの設定を見直してみて下さい。Insightsの改善できる項目に「適切なサイズの画像」や「次世代フォーマットでの画像の配信」が表示されている時は、画像を最適化するとスコアが改善されます。テーマに依存する部分もありますが、ウィジェットに配置しているプロフィール画像や背景画像、メインビジュアルの画像等が無駄に大きすぎないか確認してみて下さい。最適化ツールを使って画像を圧縮する及び次世代フォーマットの画像(WebP)で配信する方法もあります。OptimizerでWebP(ウェッピー)配信する方法をまとめています。OptimizerでWebP配信する時の特徴をまとめてお...不要なプラグインやウィジェットを削除するシンプルに不要なもの削除するだけでスコアが改善される可能性があります。他のテーマからSWELLに変更した場合は、プラグインの機能とSWELLに最初から実装されている機能が重複している可能性があります。SWELLの高速化機能だけでも十分スコアは改善できるので、キャッシュ系のプラグインは必要ないと思います(スコアが下がる&不具合が起きる可能性の方が高い)。他にも、サイドバーのウィジェットは、スマホでは画面の一番下に追いやれれてしまうので、不要であれば、スマホ用のウィジェットを設定する及び条件分岐を利用してスマホで非表示にするとスコア改善に繋がります。SWELLレンタルサーバーの設定スコア改善の対策をしたにも関わらず、改善できる項目に「最初のサーバー応答時間を速くしてください」が頻繁に表示される時は、レンタルサーバーが原因の可能性もあります。常に表示されている場合は、PHPのバージョンやプラグインの可能性もありますが、表示されたり、されなかったりの場合は、高速を謳っているレンタルサーバー及び上位のプランへの変更も検討してみて下さい。スタンダードプランでは、ほとんど表示されることはありません。エックスサーバーの高速化機能「Xアクセラレータ」の設定を変更する方法をまとめています。エックスサーバーのPHPを最新の推奨バージョンに変更する方法をまとめています。Insightsのスコアが落ちる設定とその改善策についてもまとめておきます。JP)」を選択するとスコアが落ちます。JP)」を選択すると、Googleフォントを読み込むため、スコアが落ちる可能性があります。メイリオ」をおすすめします。ターゲットのサイズが適切に設定されていません」と表示されることがあります。プロシールウィジェットそこまで重要な項目ではありませんが、スコアを改善したい時は、「アイコンを丸枠で囲む」の設定をONにする及びスマホ表示の時のアイコンサイズをCSSで大きくして下さい。SNSアイコンリスト(プロフィールウィジェット)の大きさを変更する方法をまとめておきます。プロフィールウィジェットのSNSアイコンは、初期設...ページャーのデザイン「背景グレー」ページャーのデザインで「背景グレー」を選択すると、ユーザー補助の項目で「背景色と前景色には十分なコントラスト比がありません」と表示されることがあります。ページャーのデザインスコアを改善したい時は、ページャーのデザインを「枠線付き」に変更する及びCSSでフォントと背景のカラーを変更して下さい。SWELLのページャーの形とデザインの設定についてまとめています。基本的な使い方は、公式サイトの解説記事を参考にして下さい。Insightsのスコアを改善させたい方は、まずはSWELLに最初から実装されている高速化機能を設定してみることをおすすめします。Analyticsを使用している方は、スクリプトの遅延読み込みを設定するだけでスコアは大幅に改善されるはずです。高速化する時の最適な設定はサイトによって異なります。このブログを含め他人のサイトを参考にする時は、必ずご自身のサイトでもスコア改善に繋がっているのか?表示崩れ等の不具合が起きていないか?を確認するようにして下さい。【SWELL】プロフィールウィジェットのアイコン画像と背景画像の大きさこの記事を書いた人scofield2024年も気づいたら11月。情報を伝えるのにブログである必要はないのかもしれない。自分のルールで管理できるメリットを除けば、今はブログに拘るメリットは何もない。YouTubeやSNSを使った方が間違いなく多くの人に情報を伝えられる。コアアップデートが予定されているみたいだけど、このままGoogle検索を頼りにブログ運営を続けてもアクセスや収益が伸びることはない気がする。いい加減新しく何か始めないといけないのかもしれない。Δscofield趣味で風景やフィギュアを撮影してます。このブログでは、管理人が学んだこと、試したこと、調べたこと、興味がわいたことをまとめて記事にしています。分からないことや質問があれば、コメント欄及びお問い合わせからお願いします。2024年10月9日ありがとうございます。リオパラは懐かしいですね。2024年10月8日コメントありがとうございます。