タグ

ブックマーク / note.com/rdlabo (2)

  • 本当は速くならない「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選|榊原昌彦
  • AMPを「高速化技術」「一瞬で表示する技術」というのはもうやめよう。|榊原昌彦

    AMP(Accelerated Mobile Pages)がオープンソースとして立ち上げられてから数年が経ちました。べログなどの大手Webサービスが対応し、また簡単にAMP対応できるWordPressプラグインが出たことで、今では一般に浸透してきた感じを持っています。 ただ「表示高速化技術」「一瞬で表示する技術」というのは正しくないのでやめませんか? AMPはWeb Componentsフレームワークまず誤解されがちなのですが、AMPは新たな技術ではなく、Web標準の「Web Components」というAPIを用いて実装されています。AMPのGitHubページにもしっかりと「The AMP web component framework.」(AMPというWeb Componentsを用いたフレームワーク」と掲載されています。 Web Componentsは、再利用可能でカプセル化された

    AMPを「高速化技術」「一瞬で表示する技術」というのはもうやめよう。|榊原昌彦
  • 1