タグ

アドベントカレンダーとブラウザに関するmohnoのブックマーク (1)

  • 本当は速くならない「Webサイトの表示高速化アンチパターン」10選|榊原昌彦

    ベストプラクティスや「高速化につながる!」と紹介されている記事では、逆効果、もしくは効果があるシチュエーションがあまりに限定的な手法が紹介されていることが多いので、アンチパターンとして紹介します。 記事は「Webパフォーマンス Advent Calendar 2019」2日目の記事です。 https://qiita.com/advent-calendar/2019/web_performance 記事はWebパフォーマンス高速化の専門家である株式会社Spelldataの竹洞 陽一郎氏にアドバイスをもらいました。HTTP/2の伝送の画像など一部資料のご提供もいただいております。誠にありがとうございます。 https://spelldata.co.jp/ ほとんどの場合で間違い 1. すべての画像をCSSスプライトその昔、画像をすべて1枚にまとめて、DOMのbackground-image

    本当は速くならない「Webサイトの表示高速化アンチパターン」10選|榊原昌彦
    mohno
    mohno 2019/12/10
    「Bodyタグの最後に記述することでDOMツリーのパースの遅延を最小限にするプラクティスが主流でしたが、今ではdefer/asyncをつけてDOMツリーのパース前半(head部分)に持ってくる方がダウンロード開始位置が早いので高速」
  • 1