Mam 3 duże (7000px szerokości) przezroczyste obrazy PNG, które są animowane od lewej do prawej. Wydajność nie jest zła, ale nie świetna.
Potrzebuję pomocy w optymalizacji tego obrazu, aby animacja jquery była płynna.
Próbowałem podzielić je wszystkie na plasterki (więc jego 10 oddzielnych PNG na tle), co pomogło, ale nadal jest cicho.
Odpowiedzi:
0 dla odpowiedzi № 1Możesz spróbować, zamiast używać jquery animate, za pomocą Animacje CSS3 co powinno skutkować bardziej płynnymi animacjami.
Od Addy Osmani "Blog Post: CSS3 Animacje przejścia z jQuery Fallbacks:
Zaletą przejść jest to, że w przeciwieństwie doAnimacje oparte na JavaScript, są przyspieszane sprzętowo w niektórych przeglądarkach i urządzeniach mobilnych, skutkując potencjalnie bardziej płynną animacją niż Ty zwykle doświadczasz.
0 dla odpowiedzi nr 2
Lepiej mieć taki sam obrazsposób, w jaki przeglądarka wykonuje tylko jedno żądanie http, aby uzyskać obraz, a także obraz może być skompresowany lepiej i być lżejszy niż w przypadku oddzielenia go w 7 kawałkach i skompresowania każdego, ponieważ będą nadmiarowe dane po obu stronach.
W przypadku programów do optymalizacji png, zamiast wklejać linki tutaj, dam ci dwa pytania z niektórymi z nich:
- https://stackoverflow.com/questions/1060763/image-optimizer-for-images-used-on-the-web-jpg-gif-and-png
- dobry optymalizator obrazu, który można wykorzystać?
Zobacz także to interesujący artykuł o optymalizacji obrazów i najlepszych rozwiązań.