galexey
commented
1 year ago this is from my mobile: `runtimeInfo: version: 3.4.2 buildString: Release Build locale: en-US systemInfo: configFolder: /openhab/conf userdataFolder: /openhab/userdata logFolder: /openhab/userdata/logs javaVersion: 11.0.18 javaVendor: Eclipse Adoptium javaVendorVersion: Temurin-11.0.18+10 osName: Linux osVersion: 5.4.0-107-generic osArchitecture: amd64 availableProcessors: 12 freeMemory: 1159835648 totalMemory: 1718616064 startLevel: 70 bindings:
- astro
- denonmarantz
- fronius
- knx
- kodi
- mielecloud
- network
- nuki
- onewire
- opensprinkler
- openweathermap
- shelly
- sonos
- systeminfo
- tplinksmarthome
clientInfo:
device:
ios: false
android: true
androidChrome: true
desktop: false
iphone: false
ipod: false
ipad: false
edge: false
ie: false
firefox: false
macos: false
windows: false
cordova: false
phonegap: false
electron: false
nwjs: false
os: android
osVersion: "13"
webView: false
webview: false
standalone: false
pixelRatio: 2.625
prefersColorScheme: light
isSecureContext: true
locationbarVisible: true
menubarVisible: true
navigator:
cookieEnabled: true
deviceMemory: 4
hardwareConcurrency: 8
language: en-GB
languages:
- en-GB
- en-US onLine: true platform: Linux armv8l screen: width: 412 height: 915 colorDepth: 24 support: touch: true pointerEvents: true observer: true passiveListener: true gestures: false intersectionObserver: true themeOptions: dark: light filled: true pageTransitionAnimation: disabled bars: light homeNavbar: simple homeBackground: default expandableCardAnimation: disabled userAgent: Mozilla/5.0 (Linux; Android 13; SM-A715F Build/TP1A.220624.014; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/110.0.5481.153 Mobile Safari/537.36 timestamp: 2023-03-04T00:17:09.231Z`
Loading of pages on Android phones / Tabs is painfully slow when there are many items in the page. Through my experiments I found out that the loadingtime is an exponential function of the number of items used in the page. it is roughly number_of_items ^2.5
I created several performance test pages through a script. the page attached contains 200 cards with an icon and a switch referring to an openhab switch item).
the loadingtimes on my Android phone (samsung galaxy A71) are as follows:
number of items in the page : seconds to load page 100: 4.7s 200: 12.2s 400: 45.9s 800: 173s 1600: 964s
I assume that there is a loop going through all items nested within another loop going through all items somewhere in the javascript for android devices.
Expected behavior
I would expect that the loading time is at least LINEAR function of the number of items in the page.
Steps to reproduce
add the testitems.items file in the items folder in openhab files.zip
create a new loayout page and add the content from performance_test_page.yaml
open the page on an android device
Your environment
runtimeInfo: version: 3.4.2 buildString: Release Build locale: en-US systemInfo: configFolder: /openhab/conf userdataFolder: /openhab/userdata logFolder: /openhab/userdata/logs javaVersion: 11.0.18 javaVendor: Eclipse Adoptium javaVendorVersion: Temurin-11.0.18+10 osName: Linux osVersion: 5.4.0-107-generic osArchitecture: amd64 availableProcessors: 12 freeMemory: 1021005560 totalMemory: 1718616064 startLevel: 70 bindings:
Browser console
as this is related to mobile devices I did not know how to get the browser console.
Browser network traffic
as this is related to mobile devices I did not know how to get the browser console.
Additional information
There are many issues / forum entries around this problem:
1424
1314
https://community.openhab.org/t/oh3-ui-slow-on-android-app/130186/11 https://community.openhab.org/t/webui-and-android-mobile-app-performance-when-using-layout-pages-with-20-labeld-cells/129084/6 https://community.openhab.org/t/oh-3-ui-is-very-slow-on-any-browser-in-android-and-windows-but-super-fast-on-any-browser-in-ios/130006/3