Rotor Widget langsam (Problem bei großem Inhalt)

[Knallkopp_02]

Hallo Zusammen,

ich wollte am Wochenende meine Wetteranzeige etwas aufpimpen, dabei ist mir folgendes aufgefallen:

Beim Anzeigen von 5 Tagen im 6 Stunden Rhymus lädt FTUI noch normal. Dann habe ich auf 3 Stunden erweitert. Dort läufte es auch noch einigermaßen schnell. aber bei einer 1h Anzeige braucht FTUI unheimlich lange um die Seite zu laden.

Ein Codeblock sieht folgendermaßen aus, davon gibt es 24 Stück für jede Stunde einen:

Code Auswählen Erweitern


<li>
<div style="width:20%; margin:0px; float:left; border-style: solid; border-color: transparent">
<div class="inline left big left-space" data-type="label" data-device="Wetter_DWD" data-get="fc0_weekday"></div>
<div class="inline right big right-space" data-type="label" data-device="Wetter_DWD" data-get="fc0_0_time"></div>
<div class="tiny inline" data-imageset="kleinklima" data-type="weather" data-device="Wetter_DWD" data-get="fc0_0_ww"></div>
<div class="tall" data-type="label" data-device="Wetter_DWD" data-get="fc0_0_TTT" data-unit="&deg;C" data-fix="0"></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc0_0_wwP" data-unit="%" data-fix="0" data-pre-text="Regen: "></div>
<div></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc0_0_FF" data-unit="Km/h" data-pre-text="Wind: "></div>
<div></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc0_0_DD" data-pre-text="Windrichtung: " data-substitution='["^(33[89]|3[45][0-9]|360|[0-9]|1[0-9]|2[0-3])$","N","^(2[4-9]|[3-6][0-9]|7[0-7])$","NO","^(79|[89][0-9]|10[0-3])$","O","^(10[4-9]|1[1-5][0-9]|16[0-7])$","SO","^(16[89]|1[7-9][0-9]|20[0-3])$","S","^(20[4-9]|2[1-4][0-9]|25[0-7])$","SW","^(25[89]|2[6-8][0-9]|29[0-3])$","W","^(29[4-9]|3[0-2][0-9]|33[0-7])$","NW"]'></div>
</div>
<div style="width:20%; margin:0px; float:left; border-style: solid; border-color: transparent">
<div class="inline left big left-space" data-type="label" data-device="Wetter_DWD" data-get="fc1_weekday" ></div>
<div class="inline right big right-space" data-type="label" data-device="Wetter_DWD" data-get="fc1_0_time"></div>
<div class="tiny inline" data-imageset="kleinklima" data-type="weather" data-device="Wetter_DWD" data-get="fc1_0_ww"></div>
<div class="tall" data-type="label" data-device="Wetter_DWD" data-get="fc1_0_TTT" data-unit="&deg;C" data-fix="0"></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc1_0_wwP" data-unit="%" data-fix="0" data-pre-text="Regen: "></div>
<div></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc1_0_FF" data-unit="Km/h" data-pre-text="Wind: "></div>
<div></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc1_0_DD" data-pre-text="Windrichtung: " data-substitution='["^(33[89]|3[45][0-9]|360|[0-9]|1[0-9]|2[0-3])$","N","^(2[4-9]|[3-6][0-9]|7[0-7])$","NO","^(79|[89][0-9]|10[0-3])$","O","^(10[4-9]|1[1-5][0-9]|16[0-7])$","SO","^(16[89]|1[7-9][0-9]|20[0-3])$","S","^(20[4-9]|2[1-4][0-9]|25[0-7])$","SW","^(25[89]|2[6-8][0-9]|29[0-3])$","W","^(29[4-9]|3[0-2][0-9]|33[0-7])$","NW"]'></div>
</div>
<div style="width:20%; margin:0px; float:left; border-style: solid; border-color: transparent">
<div class="inline left big left-space" data-type="label" data-device="Wetter_DWD" data-get="fc2_weekday" ></div>
<div class="inline right big right-space" data-type="label" data-device="Wetter_DWD" data-get="fc2_0_time"></div>
<div class="tiny inline" data-imageset="kleinklima" data-type="weather" data-device="Wetter_DWD" data-get="fc2_0_ww"></div>
<div class="tall" data-type="label" data-device="Wetter_DWD" data-get="fc2_0_TTT" data-unit="&deg;C" data-fix="0"></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc2_0_wwP" data-unit="%" data-fix="0" data-pre-text="Regen: "></div>
<div></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc2_0_FF" data-unit="Km/h" data-pre-text="Wind: "></div>
<div></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc2_0_DD" data-pre-text="Windrichtung: " data-substitution='["^(33[89]|3[45][0-9]|360|[0-9]|1[0-9]|2[0-3])$","N","^(2[4-9]|[3-6][0-9]|7[0-7])$","NO","^(79|[89][0-9]|10[0-3])$","O","^(10[4-9]|1[1-5][0-9]|16[0-7])$","SO","^(16[89]|1[7-9][0-9]|20[0-3])$","S","^(20[4-9]|2[1-4][0-9]|25[0-7])$","SW","^(25[89]|2[6-8][0-9]|29[0-3])$","W","^(29[4-9]|3[0-2][0-9]|33[0-7])$","NW"]'></div>
</div>
<div style="width:20%; margin:0px; float:left; border-style: solid; border-color: transparent">
<div class="inline left big left-space" data-type="label" data-device="Wetter_DWD" data-get="fc3_weekday" ></div>
<div class="inline right big right-space" data-type="label" data-device="Wetter_DWD" data-get="fc3_0_time"></div>
<div class="tiny inline" data-imageset="kleinklima" data-type="weather" data-device="Wetter_DWD" data-get="fc3_0_ww"></div>
<div class="tall" data-type="label" data-device="Wetter_DWD" data-get="fc3_0_TTT" data-unit="&deg;C" data-fix="0"></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc3_0_wwP" data-unit="%" data-fix="0" data-pre-text="Regen: "></div>
<div></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc3_0_FF" data-unit="Km/h" data-pre-text="Wind: "></div>
<div></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc3_0_DD" data-pre-text="Windrichtung: " data-substitution='["^(33[89]|3[45][0-9]|360|[0-9]|1[0-9]|2[0-3])$","N","^(2[4-9]|[3-6][0-9]|7[0-7])$","NO","^(79|[89][0-9]|10[0-3])$","O","^(10[4-9]|1[1-5][0-9]|16[0-7])$","SO","^(16[89]|1[7-9][0-9]|20[0-3])$","S","^(20[4-9]|2[1-4][0-9]|25[0-7])$","SW","^(25[89]|2[6-8][0-9]|29[0-3])$","W","^(29[4-9]|3[0-2][0-9]|33[0-7])$","NW"]'></div>
</div>
<div style="width:20%; margin:0px; float:left; border-style: solid; border-color: transparent">
<div class="inline left big left-space" data-type="label" data-device="Wetter_DWD" data-get="fc4_weekday" ></div>
<div class="inline right big right-space" data-type="label" data-device="Wetter_DWD" data-get="fc4_0_time"></div>
<div class="tiny inline" data-imageset="kleinklima" data-type="weather" data-device="Wetter_DWD" data-get="fc4_0_ww"></div>
<div class="tall" data-type="label" data-device="Wetter_DWD" data-get="fc4_0_TTT" data-unit="&deg;C" data-fix="0"></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc4_0_wwP" data-unit="%" data-fix="0" data-pre-text="Regen: "></div>
<div></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc4_0_FF" data-unit="Km/h" data-pre-text="Wind: "></div>
<div></div>
<div class="inline" data-type="label" data-device="Wetter_DWD" data-get="fc4_0_DD" data-pre-text="Windrichtung: " data-substitution='["^(33[89]|3[45][0-9]|360|[0-9]|1[0-9]|2[0-3])$","N","^(2[4-9]|[3-6][0-9]|7[0-7])$","NO","^(79|[89][0-9]|10[0-3])$","O","^(10[4-9]|1[1-5][0-9]|16[0-7])$","SO","^(16[89]|1[7-9][0-9]|20[0-3])$","S","^(20[4-9]|2[1-4][0-9]|25[0-7])$","SW","^(25[89]|2[6-8][0-9]|29[0-3])$","W","^(29[4-9]|3[0-2][0-9]|33[0-7])$","NW"]'></div>
</div>
</li>



Kann es sein, dass das etwas zu viel ist für einen RPI 3b+ und FHEM mit FTUI.

Hat jemand evtl einen Tip oder Anregungen wie ich das Verhalten verbessern könnte, da nicht nur das Laden der Seite unverhältnissmäßig lange dauert (sogar FF mault ob ich auf das Laden der Seite warten will), sondern auch das mit eingebaute Internetradio stotter vor sich hin, sobald die FTUI wieder etwas nachlädt.

Gruß Knallkopp