Tengo algunos CSS y animación con uso intensivo del navegador en mi página web y me gustaría determinar si el usuario tiene una PC rápida o no, por lo que puedo escalar las cosas en consecuencia para brindar la mejor experiencia.

estoy usandohttp://detectmobilebrowser.comEl script para detectar todos los dispositivos móviles, y voy a incluir la cláusula/android|ipad|ipod|playbook|silk/i.test(a) para incluir todos los dispositivos de tableta también.

Sin embargo, esto no hace ni puede abordar el hardware real. No va muy lejos para pintar una imagen de lo que estoy buscando.

Un iPhone 4S, por ejemplo, será mucho más capaz que muchos de los dispositivos emparejados por el detector de agente de usuario móvil, y esto no proporciona ninguna forma de diferenciarse. Alguien podría ejecutar Google Chrome en una máquina Pentium II (de alguna manera) y querer ver mi página. (Esta persona probablemente no tiene un iPhone 4S)

Obviamente, para tener una idea de esto, tendré que hacer algunas pruebas de rendimiento real, y al igual que con las pruebas de rendimiento con cualquier tipo de aplicación, tiene sentido probar solo el rendimiento del tipo de tareas que realmente realiza la aplicación.

Incluso con esto en mente, creo que sería difícil obtener números razonablemente precisos antes de que la rutina de prueba de rendimiento haya tardado demasiado y el usuario se haya vuelto impaciente. Entonces, esto probablemente significa seguir adelante a menos que quiera que la primera impresión inicial sea perfecta. Bueno, en realidad este es el caso. Así que no puedo salir con la medición del rendimiento "después de la primera ejecución" y el ajuste de los parámetros más tarde.

Entonces, lo que me queda es básicamente intentar realizar una tarea similar en la carga de la página inicial, de una manera que depende de la velocidad de procesamiento y procesamiento del navegador, sin presentar nada al usuario (de modo que el usuario todavía piense la página se está cargando), y luego, preferiblemente dentro de uno o dos segundos, obtenga números lo suficientemente precisos para configurar los parámetros para que la página real se anime y presente de una manera agradable que no se parezca a una presentación de diapositivas.

Tal vez podría colocar una página completa en blanco.<div> sobre mi caso de prueba para que pueda evitar que el usuario vea lo que está pasando y espero que el navegador no sea inteligente al evitar hacer todo el trabajo.

¿Alguien ha hecho esto alguna vez?

Sé que la gente va a decir: "probablemente no necesite hacer esto", o "tiene que haber una mejor manera" o "reducir la cantidad de efectos".

La razón para hacer cualquiera de las cosas que hago en la página es para que se vea bien. Ese es el punto entero de esto. Si no me importara tanto, esta pregunta no existiría. El objetivo es otorgar al javascript la capacidad de determinar los parámetros suficientes para brindar una experiencia increíble en una computadora potente, y también una experiencia aceptable en una computadora con menos capacidad. Cuando haya más potencia disponible, debe ser aprovechada. Así que espero que pueda explicar por qué tales sugerencias no son respuestas válidas a la pregunta.