A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | All Tests are run with caching disabled with an Android 4.0.4 native browser We measure DOMContentLoaded (https://developer.mozilla.org/en-US/docs/Web/Reference/Events/DOMContentLoaded?redirectlocale=en-US&redirectslug=DOM%2FMozilla_event_reference%2FDOMContentLoaded) time in milliseconds: This is the time taken till the DOM has loaded from the user receiving a page till javascript runs and the page becomes fully functional/readable. The second thing we measure is Toggling - this is the time taken from the initial page being received to it being possible to toggle any given section. The results show that DOMContentLoaded event fires quicker meaning the reader can read sooner, however the time taken to be able to toggle increases. | |||||||||||||||||||
2 | Host | localhost | Host | localhost | ||||||||||||||||
3 | Device | Android 4.0.4 | Device | Android 4.0.4 | ||||||||||||||||
4 | Web page | Barack Obama | Web page | Barack Obama | ||||||||||||||||
5 | Dynamic sections | NO | Dynamic sections | YES | ||||||||||||||||
6 | DOMContentLoaded | Toggling (ms) | DOMContentLoaded | Toggling (ms) | ||||||||||||||||
7 | 981 | 1333 | 233 | 2966 | ||||||||||||||||
8 | 2899 | 3233 | 315 | 2780 | ||||||||||||||||
9 | 2607 | 2925 | 185 | 2170 | ||||||||||||||||
10 | 3538 | 3871 | 167 | 1871 | ||||||||||||||||
11 | 3854 | 4248 | 199 | 1988 | ||||||||||||||||
12 | 2291 | 2614 | 176 | 1802 | ||||||||||||||||
13 | 2988 | 3437 | 190 | 1725 | ||||||||||||||||
14 | 1097 | 1452 | 169 | 2006 | ||||||||||||||||
15 | 4868 | 5244 | 206 | 1688 | ||||||||||||||||
16 | 4063 | 4396 | 326 | 2299 | ||||||||||||||||
17 | 2606 | 2978 | 186 | 1873 | ||||||||||||||||
18 | 2607 | 2931 | 187 | 1584 | ||||||||||||||||
19 | 3824 | 4208 | 202 | 1804 | ||||||||||||||||
20 | 2011 | 2484 | 170 | 1725 | ||||||||||||||||
21 | 2058 | 2395 | 177 | 1616 | ||||||||||||||||
22 | 1259 | 1621 | 360 | 2399 | ||||||||||||||||
23 | 1,717 | 2,158 | 173 | 2,216 | ||||||||||||||||
24 | 1672 | 2003 | 183 | 2202 | ||||||||||||||||
25 | 903 | 1252 | 163 | 1817 | ||||||||||||||||
26 | 986 | 1356 | 163 | 1752 | ||||||||||||||||
27 | 889 | 1243 | 170 | 1695 | ||||||||||||||||
28 | 1374 | 1682 | 159 | 2134 | ||||||||||||||||
29 | 853 | 1198 | 174 | 2083 | ||||||||||||||||
30 | 858 | 1204 | 332 | 2279 | ||||||||||||||||
31 | 926 | 1386 | 197 | 2216 | ||||||||||||||||
32 | 972 | 1326 | 180 | 1932 | ||||||||||||||||
33 | 910 | 1263 | 167 | 1864 | ||||||||||||||||
34 | 1774 | 2108 | 147 | 2130 | ||||||||||||||||
35 | 963 | 1316 | 200 | 1688 | ||||||||||||||||
36 | 1,029 | 1,371 | 165 | 1,877 | ||||||||||||||||
37 | 1979.233333 | 2341.2 | 200.7 | 2006.033333 | ||||||||||||||||
38 | -89.86% | -14.32% | ||||||||||||||||||
39 | ||||||||||||||||||||
40 | ||||||||||||||||||||
41 | In summary, enabling dynamic sections decreases the time from which the user receives the page to the time they can make use of javascript modules - e.g. click a reference, do a search by a significant 90% On the minus side, at best case, it also increases the time till a user can toggle a section by 30% - on the Barack Obama article this is equivalent to a second. Note that the summary is perfectly readable during this time. More details in the commit here: https://gerrit.wikimedia.org/r/27774 Of course these tests do not take into account the decreased payload we send the phone and the quicker response time (which hopefully is a no-brainer). I ran the tests on 15 samples on an Android 4.0.4 stock browser. | |||||||||||||||||||
42 | ||||||||||||||||||||
43 | ||||||||||||||||||||
44 | ||||||||||||||||||||
45 | ||||||||||||||||||||
46 | ||||||||||||||||||||
47 | ||||||||||||||||||||
48 | ||||||||||||||||||||
49 | ||||||||||||||||||||
50 | ||||||||||||||||||||
51 | ||||||||||||||||||||
52 | ||||||||||||||||||||
53 | ||||||||||||||||||||
54 | ||||||||||||||||||||
55 | ||||||||||||||||||||
56 | ||||||||||||||||||||
57 | ||||||||||||||||||||
58 | ||||||||||||||||||||
59 | ||||||||||||||||||||
60 | ||||||||||||||||||||
61 | ||||||||||||||||||||
62 | ||||||||||||||||||||
63 | ||||||||||||||||||||
64 | ||||||||||||||||||||
65 | ||||||||||||||||||||
66 | ||||||||||||||||||||
67 | ||||||||||||||||||||
68 | ||||||||||||||||||||
69 | ||||||||||||||||||||
70 | ||||||||||||||||||||
71 | ||||||||||||||||||||
72 | ||||||||||||||||||||
73 | ||||||||||||||||||||
74 | ||||||||||||||||||||
75 | ||||||||||||||||||||
76 | ||||||||||||||||||||
77 | ||||||||||||||||||||
78 | ||||||||||||||||||||
79 | ||||||||||||||||||||
80 | ||||||||||||||||||||
81 | ||||||||||||||||||||
82 | ||||||||||||||||||||
83 | ||||||||||||||||||||
84 | ||||||||||||||||||||
85 | ||||||||||||||||||||
86 | ||||||||||||||||||||
87 | ||||||||||||||||||||
88 | ||||||||||||||||||||
89 | ||||||||||||||||||||
90 | ||||||||||||||||||||
91 | ||||||||||||||||||||
92 | ||||||||||||||||||||
93 | ||||||||||||||||||||
94 | ||||||||||||||||||||
95 | ||||||||||||||||||||
96 | ||||||||||||||||||||
97 | ||||||||||||||||||||
98 | ||||||||||||||||||||
99 | ||||||||||||||||||||
100 |