Preload を用いたリソースプリローディングの最適化
Preload仕様の解説と、Webページのリソース読み込みを最適化するための具体的な使用方法について詳しく説明します。
日本のフロントエンドエンジニア Jxck が運営する技術ブログ。ブラウザ仕様や Web 標準、HTTP、Cookie、圧縮やキャッシュ戦略、Dialog や Popover などの最新 API まで、実験と検証に基づく詳しい解説が読めます。実装上の落とし穴やベストプラクティスをコードと計測結果で示すのが特徴です。 Jxck 本人のポートフォリオサイト jxck.io からは、研究用の Labs、登壇スライド、著書、ポッドキャスト mozaic.fm へのリンクも公開されています。コミュニティ向けの企画や試験問題の公開など、学習リソースとしての役割も大きい技術ブログです。
250 記事 from this blog
Preload仕様の解説と、Webページのリソース読み込みを最適化するための具体的な使用方法について詳しく説明します。
JSON-LDとOpen Graphを使った構造化メタデータの実装方法について解説。Google検索やSNSでの表示最適化を目的としています。
zopfliを使用した静的コンテンツのgzip圧縮配信と、Content-Encoding/Transfer-Encodingの違いについて解説。h2oでの設定方法も紹介。
HTTP/2を前提としたHTMLとCSSコンポーネントのレンダリング最適化手法について解説。CSSの分割読み込みとブロック問題の解決策を提案。
Resource Hints API(dns-prefetch、preconnect、prefetch、prerender)の解説と、実際のウェブサイトへの適用事例について説明します。
h2o HTTP/2サーバーのデプロイと設定方法について解説。証明書設定、SSL Labs評価、静的ファイルマッピングなどの実装詳細を紹介。