[JavaScript]オープニングアニメーション

オープニングアニメーションでリッチなサイトに変身

サイト訪問者が最初にサイトを開いた時に画像の読み込みが長かったり、サイト内のアニメーションが多くサイト全体の表示が遅くなってしまい悩んでいるという方も多くないと思います。
そんな時におすすめしたいのがオープニングアニメションです。

そもそもなぜ画像の読み込みが遅かったり、アニメーションが重くなってしまうのか？
画像についてはシンプルに画像サイズが大きな事が主な原因になります、まずは自身のサイト内の画像サイズを確認しサイズを圧縮したり拡張子をWebPに変更したりして可能な限り軽くしてあげましょう！

またアニメーションについてはJavaScriptを使って記述している場合とCSSのみでアニメーションを実装している場合とではコード記述の量などが変わってくるのでサイトの重さも変わってきます。こちらもCSSのみで実装できそうな箇所は出来る限りCSSで対応すると良いでしょう。