すべての記事
Fetch での Stream を用いたプログレス取得とキャンセル
Fetch での Stream を用いたプログレス取得とキャンセル Intro WHATWG が定義する Fetch API は、出たばかりの仕様では、途中でのキャンセルや、プログレスイベントの取得が含まれていなかった。 しかし、後の更新で fetch 結果の Response Body が WHA
Cache-Control の Immutable 拡張によるリロード時のキャッシュ最適化
Cache-ControlのImmutable拡張について解説。リロード時の不要なキャッシュ検証を防ぎ、Webパフォーマンスを最適化する方法を説明。
Intersection Observer を用いた要素出現検出の最適化
Intersection Observer APIを使った要素の交差検出の最適化方法について、従来の方法との比較と実装を解説。
リンクのへの rel=noopener 付与による Tabnabbing 対策
target=_blankリンクにおけるTabnabbing攻撃の解説と、rel=noopener属性を使用した効果的な対策方法について説明します。
Passive Event Listeners によるスクロールの改善
Passive Event Listenersによるスクロールの詰まり(Scroll Junk)の解決策と、その仕様、実装方法について解説します。
中級者向け Service Worker Tutorial
中級者向けのService Workerチュートリアル。claim()、controllerchange、updatefoundなどの高度な概念とデバッグ方法を解説。
Stale-While-Revalidate ヘッダによるブラウザキャッシュの非同期更新
Stale-While-Revalidateヘッダによるブラウザキャッシュの非同期更新について解説。従来のキャッシュ問題を解決する新しいHTTP仕様。
Public Key Pinning for HTTP(HPKP) 対応と report-uri.io でのレポート収集
HTTP Public Key Pinning (HPKP) の導入方法と report-uri.io を使ったセキュリティレポート収集について解説します。
Content Security Policy(CSP) 対応と report-uri.io でのレポート収集
Content Security Policy (CSP) の導入方法と report-uri.io を使ったレポート収集についての実践ガイド。
Noto Sans の Web Font 対応とサブセットによる最適化
Noto Sans CJK JP の Web Font 導入とサブセット作成によるフォントサイズ最適化手法について解説。
Preload を用いたリソースプリローディングの最適化
Preload仕様の解説と、Webページのリソース読み込みを最適化するための具体的な使用方法について詳しく説明します。
JSON-LD と Open Graph で構造化メタデータ対応
JSON-LDとOpen Graphを使った構造化メタデータの実装方法について解説。Google検索やSNSでの表示最適化を目的としています。
zopfli で静的コンテンツの gzip 配信と Content/Transfer-Encoding について
zopfliを使用した静的コンテンツのgzip圧縮配信と、Content-Encoding/Transfer-Encodingの違いについて解説。h2oでの設定方法も紹介。