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