Description
opened by wada at 2022-09-06T16:43:04; updated 2022-11-04T17:16:57
課題
各ページの読み込みに時間がかかる
特にメインページ
原因
本家との整合性を保つため巨大ファイルのまま
本家でもjs自体の更新は減ってきている？
統一されたルールがないので、同じデザイン、処理でもページごとに実装がある
現状
メインページ（イベント非開催時）
<img src="https://git.dev.d-es.co.jp/gitbucket/jolly/jr-cs-issue/_attached/1664090885363hh8H9wF4cn" width="600">
<img src="https://git.dev.d-es.co.jp/gitbucket/jolly/jr-cs-issue/_attached/1664090890099EhDY3TPRa8" width="600">
<img src="https://git.dev.d-es.co.jp/gitbucket/jolly/jr-cs-issue/_attached/16640909648213Z8uIbV7km" width="600">
wada change_priority at 2022-09-08T16:12:32: 未分類:highest
wada change_priority at 2022-09-08T16:38:02: highest:very high
Comment
#22283 by wada at 2022-09-13T10:21:17; updated 2022-11-04T17:15:51
対応案
ファイル内のCSS,JSを外部ファイル化
最も大きいファイルから、ヤマダ版で使用していないイベントを別ファイルに移動
機能ごとにファイル切り分け、ページの参照jsを切り替える
共通処理jsのみ全ページ参照
読み込ませるファイルは増やしすぎない
Cssのサブセット化
ファイル読み込みの順番
非同期化
ページ表示に関する処理を分離
CSSセレクタの簡素化
CSSのショートハンド使用
DOMアクセス回数の削減
変数化
メソッドチェーン
Id使用（findを使用）
Id > Each
画像の圧縮
- [x] png画像ファイルの圧縮 jolly/jr-web#2307
画像の読み込み遅延
- [ ] 画像によるメインページ表示遅延 jolly/jr-web#2308
ページ内の要素を減らす
wada refer at 2022-09-15T14:44:12: 127:ページのデザインに統一感がない
wada change_title at 2022-09-25T16:17:49: JSのファイルサイズが大きい
ページの読み込みに時間がかかる
wada assign at 2022-09-25T16:31:19: Not assigned:wada
wada add_label at 2022-09-26T09:57:33: 対応中
wada change_priority at 2022-11-04T17:16:57: very high:important
wada delete_label at 2023-01-31T15:09:01: 対応中