r-labs » SkillMaps

skillmaps.nocache.jsにモジュールを集約してる影響も考えられる？
原因の切り分けが難しいところですが。

多分ですが、現在ログインチェックロジックの中に、
Header、Footerの詰め込みロジックが入っているので、
待ちっている感じが増えているのだと思われます。

Headerは一部ログイン情報を持っていますが、
先に表示してしまって後から、更新する形でもいいかもしれません。

chromeのタイムラインで調べた感じだと、
skillmaps.nocache.jsの読み込みまでで300ms
初回のjs(Skillmapsクラス)を読み込むまでに、400msなので
jsの料として考えた場合は、耐えられるかなと考えています。

design対応が終わったら再度jsの分割は検討しているので、
その際に多少スピードアップは狙えるはずです。

なので上記をまとめると

①ログインチェック前にHeader Footerの作成 ※作成中のTimelineの取得も先でいいかもです
②js分割

をやろうと考えています。
①はかなり体感効果が高いはずです。

詳細な分析ありがとうございます。
design対応が終わったらここらへんも考えたいですね