01
ビルドの結果を公開する
静的サイトはHTML、スタイル、スクリプト、画像を提供します。ソースはフレームワークやジェネレーターを使用している場合がありますが、訪問者には生成されたファイルが届きます。出力ディレクトリを明示的にし、公開前に確認してください。読みやすいURLと個別記事への直接リンクを使用してください。
02
初回訪問者向けにデザインする
読みやすいHTMLは、オプションの操作より先に到着するべきです。画像にはサイズを指定し、大きなファイルは圧縮し、最初の画面に影響を与えないスクリプトは延期してください。キーボード操作や狭いビューポートでテストしてください。意味のある見出し、視認可能なフォーカス、説明的なリンクは、多くのデバイスで訪問者を助けます。
03
キャッシュを一貫して保つ
バージョン付きのアセット名は、ブラウザが変更されていないファイルを保持しながら、新しいページが新しいビルドを指すことを可能にします。HTMLは、訪問者を現在のアセットに接続するため、異なるキャッシュ戦略が必要です。すでに開かれているページのために、古いバージョンのアセットも利用可能にしておきます。フォームがデータを送信することを意図している場合、意図的な処理サービスが必要です。