Privacy & Security
自分を締め出さずにHSTSを設定する方法
HSTSは強力で、容赦がありません。段階的に展開し、先にサブドメインを監査し、preloadは一方通行の扉として扱いましょう。
13 分読
Wux Webtoolsブログ
ツール小屋からのノート
私たちが構築したウェブツールとそれが解決する問題に関する実用的でプライバシーを重視した執筆。
SEO & Discoverability
rel=noopener、noreferrer、nofollow が実際にすること
noopener、noreferrer、nofollow の実践ガイド。それぞれが何を変えるのか、いつ使うべきか、そして何を解決しないのか。
14 分読
Web Performance
Preload、prefetch、preconnect：それぞれが本当に役立つ場面
preload、prefetch、preconnect の実践ガイド。それぞれのヒントが何をするのか、いつ役立つのか、そしていつ放っておくべきかを解説します。
15 分読
Media, Images & Files
WebP ロスレスは PNG と比べて実際に何を節約できるのか
WebP ロスレスはファイルサイズで PNG を上回ることがよくありますが、常にそうとは限りません。どんな場合に効くのか、効かないのか、そして正しくテストする方法を説明します。
17 分読
AI & Content
プロジェクトごとのAIナレッジベース：AIがついにあなたのビジネスを理解する方法
プロジェクトごとのAIナレッジベースは、サービス事業者に、クライアント、案件、会話を理解するAIを提供します。情報源を示し、ノイズを排除します。
13 分読
SEO & Discoverability
llms.txtの書き方——そして実際に何か役に立つのか
llms.txtは、AI向けの明確な索引としては有用ですが、標準ではなく、強制力もなく、robots.txtの代替でもありません。
14 分読
SEO & Discoverability
SEOとアクセシビリティに役立つ画像ファイル名の付け方
画像ファイル名は小さなランキングシグナルであり、保守に役立つ習慣でもあります。SEOをやりすぎずに名前を付ける方法を紹介します。
13 分読
Privacy & Security
Permissions-Policy ヘッダーで実際に制限できるもの
Permissions-Policy は、特に iframe におけるブラウザー機能へのアクセスを減らせます。有用ですが、多くのチームが想定するよりも適用範囲は限定的です。
13 分読
Privacy & Security
Google Fontsを使わずにフォントをローカルでホストする方法
Google Fontsをセルフホストして、サードパーティへのリクエストを減らし、プライバシー面の体制を改善し、パフォーマンスをより細かく制御しましょう。
15 分読
Media, Images & Files
本番環境のバリアブルフォント：誰も教えてくれないトレードオフ
バリアブルフォントは強力ですが、本番環境での成果は、サブセット化、キャッシュ、レンダリング、CSSの規律、そしてデザイン上の抑制に左右されます。
17 分読
SEO & Discoverability
HTTPステータスコードがSEOに実際に意味すること
HTTPステータスコードはクロールとインデックス登録に影響しますが、その重要度は一律ではありません。SEO担当者と開発者が優先すべき点を整理します。
16 分読
Media, Images & Files
品質を損なわずにWeb向け音声を圧縮する方法
Web音声をうまく圧縮するには、何でもMP3に押し込むのではなく、適切なコーデック、ビットレート、ソースのワークフロー、リスニングテストを選ぶことが重要です。
13 分読