J'ai 3 grandes images PNG transparentes (7 000 pixels de large) qui s'animent de gauche à droite. Les performances ne sont pas trop mauvaises, mais pas géniales.
J'ai besoin d'aide pour optimiser ces images, alors l'animation jQuery est fluide.
J'ai essayé de les séparer en tranches (donc 10 PNG distincts par arrière-plan), ce qui a aidé, mais reste calme.
Réponses:
0 pour la réponse № 1Vous pouvez essayer, au lieu d’utiliser jquery "s animate, en utilisant Animations CSS3 ce qui devrait donner lieu à des animations plus fluides.
De Addy Osmani "s Blog: Animations de la transition CSS3 avec les repli jQuery:
L'avantage des transitions est que contrairement àAnimations basées sur JavaScript, ils "accélèrent le matériel dans certains navigateurs et appareils mobiles, résultant en une animation globale potentiellement plus lisse que vous le feriez normalement l'expérience.
0 pour la réponse № 2
Il vaut mieux l’avoir comme une seule image, cellevotre navigateur effectue uniquement une requête http pour obtenir l'image. L'image pourrait également être compressée mieux et être plus légère que si vous la sépariez en 7 morceaux et les compressiez, car des données redondantes les traverseraient.
Pour que les programmes optimisent les png, au lieu de coller des liens ici, je vais vous poser deux questions avec certaines d’entre elles:
- https://stackoverflow.com/questions/1060763/image-optimizer-for-images-used-on-the-web-jpg-gif-and-png
- bon optimiseur d'image pouvant être utilisé?
Voir aussi ceci article intéressant sur l'optimisation des images et les meilleures approches.