ロードに時間がかかるときだけアニメーション効果をつける方法を検討しました。ロードするときにフェードインなどのアニメーション効果をつける場合に、キャッシュにあるなどの理由で時間がかからない場合はアニメーション効果をつけないようにすることがあります。しないと前のページに戻ったときにアニメーションが実行されてうるさくなってしまうんですよね。確認する方法を使っていました。意味がなくなってしまいます。時に時間がかかっているならアニメーションを実行するようにしました。サンプルプログラムはこちらです。場合は相当大きい(ブラウザによる)ので、遅いネットワークでなければ画面に表示される前にロードが完了するためおおむね問題なさそうです。開発者ツールでキャッシュを有効/無効にして試すとアニメーションがついたりつかなかったりするのが確認できます。ミリ秒以上かかった場合にアニメーションを有効化しています。