すべてのカテゴリ

PageSpeed Insightsは、ウェブサイトのパフォーマンスを評価し、改善点を提案するツールです。その一環として、レンダリングを妨げるリソースの除外が重要です。これには、CSSやJavaScriptファイルの最適化が含まれます。これらのリソースがページの表示速度を遅くする原因となるため、非同期読み込みや遅延読み込みを活用することが推奨されます。まず、重要なCSSをインライン化し、残りのCSSを遅延読み込みすることで初期表示を高速化できます。また、JavaScriptはdeferやasync属性を使って非同期に読み込むことで、レンダリングをブロックしないようにします。さらに、使用していないCSSやJavaScriptを削除し、ファイルサイズを小さくすることも効果的です。これにより、ユーザーエクスペリエンスが向上し、検索エンジンの評価も高まります。適切なリソース管理を行うことで、ウェブサイトのパフォーマンスを大幅に改善することが可能です。PageSpeed Insightsパフォーマンスを評価改善サービスを開始いたします

PageSpeed（表示速度）のスコアが急に落ちると、びっくりしますよね。でも大丈夫です。多くの場合、原因は「いきなり難しい最適化」ではなく、直近の変更や一時的な要因にあります。今日は、PageSpeed急落のときに「まず最初に見るべき」チェック項目を、順番にまとめます。難しい言葉は少なめでいきます。スコアは“毎回同じ”じゃないPageSpeedは、測るタイミングや環境でも少し揺れます。なので、1回だけの結果で落ち込みすぎなくてOKです。ただ、明らかに急落しているなら、次のような“変化”が起きている可能性が高いです。Step1：直近で変えたことを思い出す急落の直前に、こんなことしていませんか？・テーマを更新した・プラグインを入れた／更新した・画像を大量に追加した（トップやLP）・フォントを変えた・解析タグ（GTM/ヒートマップ等）を追加した・広告タグを入れた・キャッシュ設定を変えた「変えたこと＝原因候補」です。まずはここをメモするだけで、切り分けが速くなります。Step2：どのページが落ちた？（全体か、一部か）次に見るのはここです。・トップだけ遅い？・特定のLPだけ？・記事ページは大丈夫？トップだけ落ちたなら、原因は「画像・スライダー・埋め込み・フォント」あたりが多いです。全ページで落ちたなら、「キャッシュ・最適化・サーバー側」の可能性が上がります。Step3：画像が重くなっていないか急落の“あるある”は画像です。チェック例：・ファーストビューに大きい画像を置いた・サイズが3000px以上の画像をそのまま使った・WebP変換が効いていない・スライダーに高画質画像を複数入れた対処

クライアントのWEBページの改善で、50-80点くらいだったLPページを丸一日でここまで上げました。なかなかパフォーマンスの部分が苦労しました。もう少し修正加えると、さらに上がりそうです。こんな依頼もご相談可能です。サイトによりますが。(追記)いつもあまり変わらなかったSEO順位が少しUPしたようです。とある検索順位チェックサービスで以下のように変化しました。↑ Google: 4［前日: 11］効果が続くかは、わかりませんが。

1日に20万PVを超える大規模なWordPressサイトにおいて、モバイルのPage Speed Insightの数値が低いという課題がありました。特に、アドセンスなどのJavaScript広告が大量に読み込まれており、体感的には問題ないものの、数値的には改善が必要でした。 使用技術と環境 テーマ: SWELL サーバー: エックスサーバーCDN: Cloudflare 画像最適化プラグイン: EWWW Image Optimizer 高速化対策のポイント 1. SWELLの高速化機能の不使用 SWELLの高速化機能は細かいカスタマイズができないため、Page Speed Insightの数値を追求するには不向きと判断し、基本的には使用しない方向で対応しました。 2. エックスサーバーのXpage Speedの無効化 Xpage Speedはサーバー側の機能であり、高速化の効果は高いものの、小回りが利かず、トラブル発生時の切り分けが難しいため、無効化しました。エックスサーバーは初期状態で十分高速であるため、余計な設定を加えることで逆に遅くなるリスクを避けました。 3. DBクエリの最適化 遅いDBクエリをキャッシュが効くように変更し、データベースの負荷を軽減しました。 4. JavaScriptの遅延読み込み レンダリングブロックするJavaScriptを遅延読み込みする処理を追加し、ページの表示速度を向上させました。 5. CLS（Cumulative Layout Shift）の改善 広告が多いサイトでは、広告の読み込み時にレイアウトシフトが発生し、CLSが悪化する原因と