Для замеров использовались тайминги, которые ставит Vue
Замеры в V4File/Client (CPU Throttling 20x)
Сравнивались одинаковые компоненты
|
v3 |
v4 |
| Patch |
417.59ms |
599.22ms |
| Mount |
491.1ms |
667.92ms |
Замеры в чистом Vue с SFC (CPU Throttling 20x)
В Vue 2 нет отдельного тайминга на mount и считал (start init - end patch), но в vue 3 mount может заканчиваться иногда не сразу после patch, а + ~10ms
Компонент + 1 вложенный компонент
Со ВСЕМИ хуками(5 прогонов):
|
vue 2 |
vue 3 |
| Patch |
72.498ms |
49.208ms |
| Mount |
99.54ms |
87.188ms |
БЕЗ хуков(5 прогонов):
|
vue 2 |
vue 3 |
| Patch |
76.112ms |
51.922ms |
| Mount |
93.78ms |
65.382ms |
Компонент + 10 разных вложенных компонентов
Со ВСЕМИ хуками во всех компонентах (5 прогонов):
|
vue 2 |
vue 3 |
| Patch |
505.064ms |
435.632ms |
| Mount |
538.4ms |
477.842ms |
БЕЗ хуков(5 прогонов):
|
vue 2 |
vue 3 |
| Patch |
382ms |
372.254ms |
| Mount |
406.14ms |
394.416ms |
Для замеров использовались тайминги, которые ставит Vue
Замеры в V4File/Client (CPU Throttling 20x)
Сравнивались одинаковые компоненты
Замеры в чистом Vue с SFC (CPU Throttling 20x)
В Vue 2 нет отдельного тайминга на mount и считал (start init - end patch), но в vue 3 mount может заканчиваться иногда не сразу после patch, а + ~10ms
Компонент + 1 вложенный компонент
Со ВСЕМИ хуками(5 прогонов):
БЕЗ хуков(5 прогонов):
Компонент + 10 разных вложенных компонентов
Со ВСЕМИ хуками во всех компонентах (5 прогонов):
БЕЗ хуков(5 прогонов):