Strona główna > Internet Explorer > IE 11 DEV-badanie responsywności aplikacji

IE 11 DEV-badanie responsywności aplikacji

Internet Explorer w wersji 11 doczekał się narzędzia do badania responsywności aplikacji z uwzględnieniem tego jaki kod jest wykonywany i na jakim wątku.

W tym celu stworzyłem trochę złośliwy kod, który liczy w pętli funkcje matematyczne:

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

<script>

function lekkiStres() {

for (var i = 0; i < 10000000; i++) {
var liczymy = Math.sqrt(i) + Math.log(i);
}

}


</script>

<button onclick="lekkiStres()">Lekki stres</button>

</body>
</html>

Po uruchomieniu aplikacji udajemy sie do narzędzi dla programistów I przechodzimy na zakładkę UI Responsiveness:

image

klikamy zieloną strzałkę, która spowoduje włączenie narzędzia analitycznego po czym klikamy kilka razy na przycisk Lekki stres… a na końcu wybieramy czerwonego STOP i czekamy na pokazanie się wykresów:

image

Na tak prostym przykładzie możemy zaobserwować kilka rzeczy:

  • wszystkie zdarzenia standardowo wykonują się na głównym wątku rendoredowania strony (UI Thread). Powoduje to bardzo niebezpieczną rzecz, gdy wykonujemy kod JavaScript, który pobiera zasoby procesora (patrzmy wykres wyżej) strona staje się mniej lub wogóle nie responsywna dla użytkownika – patrz ilość renderowanych FPS – u mnie spadła z wymaganych 60 do 3!!!
  • narzędzie doskonale pokazuje co angażowało aplikacje (konkretna funkcja + jaki moduł). Tutaj na rysunku widać, że głównie pracuje moduł Scripting czyli JavaScript.
  1. Brak komentarzy.
  1. No trackbacks yet.

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Log Out / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Log Out / Zmień )

Facebook photo

Komentujesz korzystając z konta Facebook. Log Out / Zmień )

Google+ photo

Komentujesz korzystając z konta Google+. Log Out / Zmień )

Connecting to %s

%d blogerów lubi to: