Webパフォーマンス

「なんとなく重い」を直そうとして、画像を圧縮したり、スクリプトを減らしたり、キャッシュ設定を触ったり…… 個別の手当ては進んだのに、結局どこが詰まっているのか分からない。 そんな状態、ありますよね。 迷いが消えない一番の理由は、原因がバラバラの形式で見えていて、同じ物差しで比べられていないことです。 そこで前編は、速度悪化の原因を画像／スクリプト／キャッシュの3系統に分解し計測→棚卸し→優先度付けの3段で横断整理します。 まずはLCP/INP/CLSのどれに効くのかを押さえ、次に「影響・頻度・工数」を同じ表へ記録していきます。 こうして材料が揃うと、改善は自然に「削る／遅らせる／キャッシュする…

画像配信を“速く・安定・安く”するための一番の近道は、距離を縮める（CDN） と 取り回しを賢くする（キャッシュ設計） の2つを正しく組み合わせることです。とくに、画像点数が多いサイトや海外アクセスがあるサービス、そして更新頻度が高い運用では、この2つの設計を少し変えるだけで LCP/INPの改善・コスト削減・安定性向上 が一気に進みます。 本編（前編）では、 そもそも CDNを導入すべき状況 とは？ Cache-Control / ETag / stale-while-revalidate をどう使い分ける？ WebP/AVIFなどの変換配信 は、どんな運用なら“アリ”なのか？ 更新時に壊れ…

画像って、ただ“貼るだけ”だと意外とトラブルの温床になります。重い・遅い・伝わらない・レイアウトが崩れる… こんな悩み、思い当たりませんか？ 実は、画像SEOには“型”があります。そしてその型を押さえるだけで、LCPの悪化を防ぎつつ、検索にも読者にもやさしい画像設計ができてしまうんです。 本編では、 WebP / AVIF / PNG / SVG のざっくりした使い分け 実寸での書き出しと、高密度端末との付き合い方 意味が伝わるALTの作り方（対象＋文脈） LCP画像（ヒーロー画像）を“遅くしない”基本ルール といった要点を、悩まずに実装できるよう “設計図” としてまとめていきます。 難しい…

こんにちは、東証プライム企業で情報システム部のセキュリティ担当をしている城咲子です。 私の信条は「情シス部門は経営の片腕」です。技術は目的ではなく、ビジネスの成長と継続性を支えるための手段に過ぎません。 さて、現代のWebサイト運営において、「サイトが重い」「アクセス集中でサーバーが落ちた」という問題は、もはや単なる「技術トラブル」ではなく、深刻な「機会損失」であり、企業の信頼性を揺るがす「ビジネスリスク」です。 この問題を解決する鍵として「CDN」という言葉を耳にする機会が増えました。しかし、CDNは単なる高速化ツールなのでしょうか？ 「導入すれば本当に速くなるのか？」 「SEO（Core …

揺らぐ通信インフラへの信頼 今年、最も衝撃的だったのは、相次ぐ通信インフラの障害だったのではないでしょうか？ 絶大なる信頼を寄せていた通信インフラが障害で接続障害に陥る、というのは、日本人としては驚きの事態でした。 私たちの心の中には、「品質の日本」という自負みたいなものがあります。 サイレント障害 ネットワーク上で発生する、エラーとして検知されない障害を「サイレント障害」と云います。 その多くは、自社のインフラだけを見ていて、その稼働状態だけでシステム稼働の正常・異常を判断することが原因です。 携帯網については、有線回線とは異なる複雑な仕組みと、電波を使っているという事もあって、サイレント障…

コロナ禍と「新しい日常」のWebへのインパクト 今年、最大のWebパフォーマンスへのインパクトは、コロナ禍でした。 外出の自粛、在宅勤務への移行などにより、インターネットのトラフィックが急増し、インフラに対する大きな負荷となりました。 ネットスーパーやマスク販売のサイトは、急激なトラフィックによって遅延したり、アクセスできなくなったりしました。 アクセス数増大により遅延したり、エラーと遅延が発生したマスクの販売サイト 在宅勤務増加が齎したトラフィックの急増 xtech.nikkei.com xtech.nikkei.com www.zscaler.jp 各社がトラフィックの急増の要因を分析して…

この記事は zenn.dev に引っ越しました。