Ich habe einige browserintensive CSS und Animationen in meiner Webseite und möchte feststellen, ob der Benutzer einen schnellen PC hat oder nicht, damit ich die Dinge entsprechend skalieren kann, um die beste Erfahrung zu bieten.

ich benutzehttp://detectmobilebrowser.coms Skript zum Erkennen aller mobilen Geräte, und ich werde die Klausel enthalten/android|ipad|ipod|playbook|silk/i.test(a) um auch alle Tablet-Geräte einzuschließen.

Dies kann und kann jedoch nicht die tatsächliche Hardware adressieren. Es ist gar nicht so weit, ein Bild von dem zu malen, wonach ich suche.

Ein iPhone 4S zum Beispiel ist um einiges leistungsfähiger als viele der Geräte, die mit dem Detektor für mobile Benutzeragenten ausgestattet sind, und dies bietet keine Möglichkeit, sich von anderen abzuheben. Jemand könnte (irgendwie) Google Chrome auf einem Pentium II-Computer ausführen und möchte meine Seite anzeigen. (Diese Person hat wahrscheinlich kein iPhone 4S)

Um eine Vorstellung davon zu bekommen, muss ich natürlich einige tatsächliche Leistungstests durchführen. Wie bei Leistungstests mit jeder Art von Anwendung ist es sinnvoll, nur die Leistung der Art von Aufgaben zu testen, die die Anwendung tatsächlich ausführt.

Selbst in diesem Sinne ist es meines Erachtens schwierig, einigermaßen genaue Zahlen zu erhalten, bevor die Routine für die Leistungsprüfung zu lange gedauert hat und der Benutzer ungeduldig geworden ist. Das bedeutet also wahrscheinlich, dass Sie fortfahren müssen, es sei denn, ich möchte, dass der erste Eindruck perfekt ist. Nun, das ist tatsächlich der Fall. Ich komme also nicht davon, die Leistung "nach dem ersten Lauf" zu messen und die Parameter später anzupassen.

Ich muss also versuchen, beim ersten Laden der Seite eine ähnliche Aufgabe auszuführen, die vom Rendering und der Verarbeitungsgeschwindigkeit des Browsers abhängt, ohne dem Benutzer etwas zu präsentieren (so dass der Benutzer immer noch denkt, dass dies der Fall ist) Die Seite wird geladen.) und erhalten dann vorzugsweise innerhalb von ein oder zwei Sekunden genau genug Zahlen, um Parameter für die tatsächliche Seite festzulegen, die auf eine ansprechende Weise animiert und dargestellt werden sollen, die keiner Diashow ähnelt.

Vielleicht könnte ich ein ganzseitiges Weiß platzieren<div> über meinen Testfall, so dass ich verhindern kann, dass der Benutzer sieht, was los ist, und hoffe, dass der Browser nicht schlau ist, indem ich die ganze Arbeit vermeide.

Hat das schon mal jemand gemacht?

Ich weiß, dass die Leute sagen werden: "Das müssen Sie wahrscheinlich nicht" oder "Es muss einen besseren Weg geben" oder "Die Anzahl der Effekte reduzieren".

Der Grund, warum ich etwas auf der Seite mache, ist, dass es gut aussieht. Das ist der springende Punkt. Wenn mir das nicht so viel ausmachen würde, gäbe es diese Frage nicht. Ziel ist es, dem Javascript die Möglichkeit zu geben, genügend Parameter zu bestimmen, um auf einem leistungsstarken Computer eine großartige Erfahrung und auf einem weniger leistungsfähigen Computer eine passable Erfahrung zu bieten. Wenn mehr Strom zur Verfügung steht, sollte dieser genutzt werden. Hoffentlich kann das erklären, warum solche Vorschläge keine gültigen Antworten auf die Frage sind.