このjQueryアニメーションを最適化/スムーズにするには

Question

現在、私はthis siteに取り組んでいます。 「写真家」のページでは、左のサイトの写真家に対応する画像を非表示または表示するフィルタ機能を実行しています。

表示するサムネイルは60個あり、アニメーションは滑らかではありません。後で約150枚の写真があります。

このアニメーションを最適化するにはどうすればよいですか？どんな提案も感謝しています！

Answer 1

1. プリロード画像が（着色画像がプリロードされなければならない）新しいイメージをダウンロード に待っている間、それは点滅しないよう
2. 、位置絶対原位置上の着色画像を、 とアニメート不透明度。
3. 最初にCSS3トランジションを使用してから、JS/jQueryアニメーションをバックアップとして使用します。