t_wの輪郭

『Milliseconds make Millions A study on how improvements in mobile site speed positively affect a brand’s bottom line』より

『Milliseconds make Millions A study on how improvements in mobile site speed positively affect a brand’s bottom line』より

おっしゃる通り，感覚的には0.1秒が最適と考えて試したのですが，サーバーからの応答速度の問題で0.5秒にしました。

これまで，「応答を待ってから開く」という挙動だったのをアニメーションで埋めただけなので実際の待ち時間は変わっていないのですが，確かにこれに読み込み中の意図を重ねてしまうと心理的にはちょっともたつきになりますね。

一応，「読み込み中」のプレースホルダーは入れてあるので開く場合は0.1秒に戻しました。

　昔にCSSのアニメーション時間についての議論を見かけたのだが、どこで見かけたか忘れてしまった。Twitterで検索をかけてみても見つからなかった。
　「思ってるよりもずっと速くていい。0.1秒ぐらいでいい。長く使うと鬱陶しくなる。」みたいな話だった記憶だけがある。

描き出し時のアニメーションはもっと早いほうが良い。t_wは0.1秒を目安にしている。現状だと0.5秒っぽい。