BETA
Aby się zalogować, najpiew wybierz portal.
Aby się zarejestrować, najpiew wybierz portal.
Podaj słowa kluczowe
Słowa kluczowe muszą mieć co najmniej 3 sąsiadujące znaki alfanumeryczne
Pole zawiera niedozwolone znaki

Baza wiedzy











Internet Explorer 11 - badanie responsywności aplikacji

18-03-2014 11:28 | Marcin Borecki
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.

Komentarze 0

pkt.

Zaloguj się lub Zarejestruj się aby wykonać tę czynność.