Na mojej stronie internetowej mam trochę CSS i animacji intensywnie wykorzystujących przeglądarkę i chciałbym ustalić, czy użytkownik ma szybki komputer, czy nie, więc mogę odpowiednio skalować rzeczy, aby zapewnić najlepsze wrażenia.

ja używamhttp://detectmobilebrowser.comskrypt do wykrycia wszystkich urządzeń mobilnych i dołączę klauzulę/android|ipad|ipod|playbook|silk/i.test(a) aby uwzględnić wszystkie tablety.

Jednak to nie dotyczy i nie może naprawdę zająć się rzeczywistym sprzętem. Nie ma zbyt wiele do zrobienia obrazu tego, czego szukam.

Na przykład iPhone 4S będzie o wiele bardziej zdolny niż wiele urządzeń dopasowanych przez detektor mobilnego agenta użytkownika, a to nie daje żadnej możliwości wyróżnienia się. Ktoś może uruchomić Google Chrome na komputerze Pentium II (w jakiś sposób) i chce wyświetlić moją stronę. (Ta osoba prawdopodobnie nie ma iPhone'a 4S)

Oczywiście, aby uzyskać pomysł na to, będę musiał przeprowadzić pewne testy wydajności, a tak jak w przypadku testów wydajności z dowolną aplikacją, sensowne jest tylko testowanie wydajności zadań, które aplikacja wykonuje.

Nawet mając to na uwadze, wydaje mi się, że trudno byłoby uzyskać rozsądnie dokładne liczby, zanim procedura testowania wydajności zajmie zbyt dużo czasu, a użytkownik stanie się niecierpliwy. Więc prawdopodobnie oznacza to kontynuację, chyba że chcę, aby pierwsze wrażenie początkowe było idealne. Tak się dzieje w rzeczywistości. Nie mogę więc uniknąć pomiaru wydajności „po pierwszym uruchomieniu” i późniejszej regulacji parametrów.

Pozostało mi więc spróbować wykonać podobne zadanie przy początkowym ładowaniu strony, w sposób zależny od renderowania przeglądarki i szybkości przetwarzania, a jednocześnie nie przedstawiając niczego użytkownikowi (tak, aby użytkownik nadal myślał strona się ładuje), a następnie najlepiej w ciągu sekundy lub dwóch uzyskać dokładną liczbę wystarczającą do ustawienia parametrów, aby strona była animowana i prezentowana w przyjemny sposób, który nie przypomina pokazu slajdów.

Może mógłbym umieścić białą stronę<div> w moim przypadku testowym, abym mógł uniemożliwić użytkownikowi zobaczenie, co się dzieje i mam nadzieję, że przeglądarka nie będzie mądra, unikając wykonywania całej pracy.

Czy ktokolwiek to zrobił?

Wiem, że ludzie powiedzą: „prawdopodobnie nie musisz tego robić” lub „musi być lepszy sposób” lub „zmniejsz ilość efektów”.

Powód, dla którego robię jedną z rzeczy, które robię na stronie, wygląda dobrze. To jest cały punkt. Gdybym nie dbał o to, to samo pytanie nie istniałoby. Celem jest umożliwienie javascriptowi określenia wystarczających parametrów, aby zapewnić niesamowite wrażenia na potężnym komputerze, a także przeżycia na mniej zdolnym komputerze. Gdy dostępna jest większa moc, należy ją wykorzystać. Miejmy nadzieję, że to może wyjaśnić, dlaczego takie sugestie nie są poprawnymi odpowiedziami na pytanie.