私はたくさんの画像とたくさんのjqueryアニメーションを持っているウェブサイトを構築しています。1つのページにいくつかのセクションがあり、各セクションには、jquery.animate()を介して定期的かつ自動的に再配置される20枚の画像のグリッドを持つ前景と、視差スクロールの対象となる背景画像があります。
アニメーションが途切れることがあります。だから私は最適化する方法を見つけようとしています。コンテンツ担当者は高品質の画像をアップロードしています。品質を落としてもらいたいのですが。
そうする前に、次のそれぞれがアニメーションのパフォーマンスにどのように影響するか、そして一方が他方より重要であるかどうかに興味があります。
- 画像ファイルサイズ
- 画像サイズ
- 考慮すべき他の画像属性
アニメーションのパフォーマンスに最も影響を与えるものに基づいて、誰かがこれらの考慮事項に優先順位を付けることができますか?