ページ本体

Webアプリケーションのテンプレートエンジンを使って、サイト全体のヘッダーとフッターのデザインは共通部品として読み込み、リクエストに応じてページ本体のコンテンツ部分だけを動的に生成する仕組みになっている。

企業サイトのリニューアルプロジェクトで、左側のナビゲーションメニューの幅を広げて使いやすくした分、相対的に記事が表示されるページ本体の領域が少し狭くなってしまった。

ユーザーの体感速度を向上させるため、まずはテキスト主体のページ本体の読み込みとレンダリングを優先して完了させ、その後にファイルサイズの大きい画像や重いスクリプトを裏で非同期で読み込むようにコードを最適化した。