2011-11-30 16 views
5

En un promedio de animaciones de computadora funcionan muy bien. En el iPad, sin embargo, las animaciones de jQuery como fundido de entrada (opacidad de 0 a 1 durante más de 0,5 seg) de una imagen de 1920x1200px parecen retrasarse un poco.¿Cómo mejorar el rendimiento del sitio web en iPad/iPhone?

¿Hay alguna manera de acelerar eso? Cualquier aceleración? Tal vez debería desactivar el procesador que consume guiones jQuery para iPad. ¿Hay alguna recomendación al codificar para iPhone/iPad también?

También diría que en los iPhones más antiguos le queda mucho más.

ACTUALIZACIÓN: La respuesta es CSS3.

+2

Todo depende del procesador. Dale tareas más ligeras. No es necesario incluir una imagen de alta resolución, hazla más pequeña –

+0

Es un gran diseño, pero en realidad tenía un poco de picado en mi macbook pro de 2 años. Estoy de acuerdo con Topener. –

+1

Un Mac Pro de 8 núcleos que ejecuta los últimos chugs de Chrome en ese cajón lateral. Lo que sea que estés haciendo aquí es ridículamente costoso incluso para una computadora de escritorio. – adamp

Respuesta

6

Ejecución de Chrome -> Herramientas de desarrollador -> Las auditorías muestran muchas mejoras que puede realizar sin cambiar nada sobre el aspecto del sitio. Después de terminar los, intentarlo de nuevo, y luego mirar cosas como un menor número de fichas en iOS/Android, etc ...

Parece que un factor de al menos 4 allí, probablemente más ...

- Tom

+0

+1 - No tenía conocimiento de la herramienta de auditorías integrada en Chrome. ¡Bastante agradable! – jfriend00

+0

Gracias! De hecho, eso es útil. Ya reduje el número de animaciones, especialmente las animaciones de opacidad, y me deshice de las imágenes realmente grandes. Seguiré mejorando. – Atadj

Cuestiones relacionadas