Include Widget - Ladezeiten und JS-Warnungen

[fhainz]

Hallo setstate!

Nachdem das neue include Widget Template in Template unterstützt, habe ich einige Bereiche meiner UI dahingehend umgebaut um den Code zu kürzen und zu vereinfachen.
Mit einer kleiner steigerung der Ladezeit habe ich gerechnet, aber bei mir sind da aber einige Sekunden um.
Weiters stehen in meiner JS-Konsole jede Menge Warnungen, die ich mit der Ladezeit in Verbindung bringe.

Code Auswählen Erweitern


[Log] Base dir: ./ (fhem-tablet-ui.js, line 2290)
[Log] jQuery dynamically loaded (fhem-tablet-ui.js, line 2299)
[Log] init link (widget_link.js, line 167, x9)
[Debug] initPage: 326.822ms (fhem-tablet-ui.js, line 772)
[Debug] fetch content: 36.617ms (widget_link.js, line 76)
[Warning] Timer "initPage" already exists (x115)
[Debug] get jsonlist2: 127.935ms (fhem-tablet-ui.js, line 879)
[Debug] read jsonlist2: 3.114ms (fhem-tablet-ui.js, line 966)
[Log] null (widget_chart.js, line 23)
[Debug] initPage: 2368.751ms (fhem-tablet-ui.js, line 772)
[Warning] Timer "initPage" does not exist (x225)
[Debug] get jsonlist2: 28.609ms (fhem-tablet-ui.js, line 879)
[Debug] read jsonlist2: 968.483ms (fhem-tablet-ui.js, line 966)

Die 1. Warnung gibt es 115x die 2. 225x.

Mein Code sieht ca so aus:

home.html
Dieses Include ist 5x vorhanden

Code Auswählen Erweitern


<div data-type="include" data-url="content/templates/popup_XiaomiFlowerSensor.html" class=""
                data-parameter='{ "par_xfs_device":"wz.fhem.linux.aloeVera1", "par_xfs_filelog":"FileLog_wz.fhem.linux.aloeVera1", "par_xfs_id":"aloe", "par_xfs_plantName":"Aloe Vera", "par_xfs_plantDesc":"Eine Beschreibung",
                                  "par_level_moisture_low":"10", "par_level_moisture_high":"50" }'></div>



popup_XiaomiFlowerSensor.html:
Den Block <div data-type="include" data-url="content/templates/boxSchalter.html" ...> gibt ca 15x.

Code Auswählen Erweitern


<div data-type="popup" data-height="500px" data-width="350px" data-draggable="yes" class="noshade">
  <div data-type="symbol" data-device="par_xfs_device" data-get="moistureStatus" data-get-on="high" data-get-off="low" data-states='["High","OK","Low","Error"]'
    data-icons='["fa-tint","fa-tint","fa-tint","fa-tint"]' data-background-icon="" data-colors='["red","green","blue","black"]' class="">
  </div>
  <div class="dialog lightshade overviewPopup">
    <header>
      <div>par_xfs_plantName</div>
      <div>par_xfs_plantDesc</div>
    </header>

    <div data-type="tabNavigation">
      <div class="container">
        <ul class="mytabs">
          <li class="mytab-link current" data-tab="par_xfs_id-data">Sensor</li>
          <li class="mytab-link" data-tab="par_xfs_id-mqtt" >MQTT</li>
          <li class="mytab-link expandWidth" data-tab="par_xfs_id-verlauf">Verlauf</li>
        </ul>

        <div id="par_xfs_id-data" class="mytab-content current">
          <div data-type="klappMenue">
            <div class="hbox header bigger thin trigger items-left-align">Internals</div>
            <div class="expandable">
              <div class="hbox">
                <div class="vbox large items-left-align grow-1"><div>Device Name</div><div class="small">NAME</div></div>
                <div class="vbox normal grow-2">
                  <div data-type="include" data-url="content/templates/boxSchalter.html" class="width100pct"
                    data-parameter='{ "par_switch_device":"par_xfs_device", "par_switch_get!":"", "par_switch_get_on":"active", "par_switch_get_off":"!active", "par_switch_set!":"",
                                       "par_alarm_device":"par_xfs_device", "par_alarm_get!":"reachable", "par_alarm_get_on":"0", "par_alarm_get_off":"1", "par_alarm_class_on":"my_alarm",
                                       "par_box_device":"par_xfs_device", "par_box_get!":"reachable", "par_box_get_on":"1", "par_box_get_off":"0", "par_box_class_on":"mybox_green", "par_box_class_off":"mybox_green",
                                       "par_label_device":"par_xfs_device", "par_label_get!":"NAME", "par_label_unit":"", "par_label_substitution":"", "par_label_class":"normalCursor" }'>
                  </div>
                </div>
              </div>
    ...
   ...
...


Passt das alles von den Zeiten her? Kannst du das vielleicht einschätzen? Bekomm ich die Warnung irgendwie weg?

Grüße


Edit:
Anscheinend war ich nicht up2date 

Warnungen sind weg, Ladezeit immer noch hoch (ca. 5 Sekunden).
Konsole sieht so aus:

Code Auswählen Erweitern

[Log] Base dir: ./ (fhem-tablet-ui.js, line 2411)
[Log] jQuery dynamically loaded (fhem-tablet-ui.js, line 2420)
[Log] init link (widget_link.js, line 167, x9)
[Debug] initPage-body: 185.234ms (fhem-tablet-ui.js, line 830)
[Debug] fetch content: 49.435ms (widget_link.js, line 76)
[Log] null (widget_chart.js, line 23)
[Debug] get jsonlist2: 32.126ms (fhem-tablet-ui.js, line 973)
[Debug] read jsonlist2: 2.334ms (fhem-tablet-ui.js, line 1065)
[Debug] initPage-#contentDashboard: 2794.569ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_95c3-52c6-5f07"]: 2533.830ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_9b53-7156-1289"]: 2543.005ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_806e-735b-f957"]: 2552.894ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_af0b-f93b-3dc3"]: 2616.020ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_8827-c1d9-df41"]: 2630.943ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_674b-4caf-9e89"]: 2587.068ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_b70d-1b91-18a2"]: 2616.633ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_985a-8f73-0b09"]: 2644.201ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_95d6-e15b-d2e6"]: 2671.766ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_571d-c058-f62e"]: 2698.965ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_89e0-5cd7-9fea"]: 2708.039ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_f776-1712-2973"]: 2734.744ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_9525-1ce8-a1ae"]: 2767.146ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_868d-787d-921c"]: 2795.662ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_30a9-32a0-14a8"]: 2827.927ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_3b06-d209-e9b8"]: 2857.846ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_7c05-aed8-2189"]: 2889.178ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_e355-2c3e-e35c"]: 2922.480ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_cb8d-875a-d5c9"]: 2959.265ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_7c6c-3514-7fb1"]: 2992.446ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_f77c-a0d6-da38"]: 3019.056ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_076c-5a41-5321"]: 3044.317ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_0a8f-0d5c-f02e"]: 3073.435ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_364c-4bf6-7d5f"]: 3102.055ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_c8d7-6ee9-44a1"]: 3126.947ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_294d-531b-a641"]: 3159.381ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_1e6b-a6df-f7eb"]: 3192.490ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_35fe-6b76-6b06"]: 3160.299ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_8265-577a-8f3a"]: 3202.738ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_856f-7572-35a6"]: 3246.788ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_2051-41da-f61e"]: 3278.485ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_2e91-673b-e884"]: 3308.481ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_4644-556c-605e"]: 3341.202ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_cc62-c7f0-44dd"]: 3371.127ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_cfd3-4293-dfa3"]: 3404.327ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_6158-441a-cd7b"]: 3435.532ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_c35b-666e-0e93"]: 3465.453ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_3abb-5c1c-638a"]: 3493.084ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_c91b-a5a6-c38a"]: 3519.605ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_5907-1d7c-6cc3"]: 3555.499ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_0f4d-ddcb-5997"]: 3589.241ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_6d3c-0849-fe6a"]: 3618.027ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_7042-58e9-41b4"]: 3651.929ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_8780-c509-c93c"]: 3683.404ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_b59d-a0d1-ab53"]: 3712.613ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_f0e6-bc72-b1f2"]: 3742.243ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_bfb6-50a0-986c"]: 3769.975ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_96b8-3f50-de09"]: 3800.986ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_f0bb-0cef-71ed"]: 3829.992ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_4f5f-0732-c220"]: 3744.401ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_3138-45e2-8bf1"]: 3773.517ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_a3e6-7cca-a97b"]: 3805.944ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_cf10-5293-79ff"]: 3836.929ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_8ce4-739d-e7ed"]: 3866.781ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_574f-1283-24a4"]: 3897.637ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_6595-4538-d47c"]: 3926.587ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_1e14-6276-5537"]: 3954.067ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_6605-be6b-6e97"]: 3983.681ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_158e-acf5-652f"]: 4013.485ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_47a9-12f3-0114"]: 4053.401ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_4417-d7e7-43a7"]: 4081.516ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_b83a-96cc-9af5"]: 4111.114ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_0f02-b14d-a042"]: 4148.851ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_0ad7-4f7f-6059"]: 4177.501ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_6e53-51c7-7422"]: 4210.376ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_7028-fbb9-da01"]: 4243.376ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_2ca3-0761-881b"]: 4272.539ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_cc82-f2ab-9746"]: 4302.915ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_7d43-59e1-4eb9"]: 4330.746ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_00c5-a17c-283e"]: 4363.708ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_f1ba-fa1a-f6a5"]: 4392.731ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_e5bb-afc6-4191"]: 4335.508ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_6ce1-7e45-81c9"]: 4365.723ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_05ee-90d9-9da7"]: 4393.515ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_794f-2df8-1f11"]: 4420.698ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_baf7-0832-3324"]: 4449.766ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_40e1-86da-11cc"]: 4476.298ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_8ce3-a937-802f"]: 4503.969ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_2eff-d8f8-5b3f"]: 4540.347ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_f60e-d962-3353"]: 4567.920ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_3523-4607-3476"]: 4596.593ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_a98c-cf5c-4c84"]: 4621.912ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_27bc-32c7-8539"]: 4637.363ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_2fbb-5e18-40a3"]: 4671.357ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_e5e8-4d67-8ac0"]: 4702.624ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_6242-ff8c-ff02"]: 4737.008ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_b056-2c14-00b8"]: 4776.402ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_013d-04b6-157b"]: 4811.400ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_0e34-8ffc-0ba0"]: 4844.677ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_0c76-097c-6626"]: 4877.001ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_d5fa-43d0-8b64"]: 4911.229ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_6038-2666-1328"]: 4944.167ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_2a58-2c32-8b8a"]: 4978.679ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_bdc2-546e-7e84"]: 5005.982ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_d994-f7c9-9de3"]: 5036.750ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_2d0f-5217-84a7"]: 5062.301ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_9ca3-ab10-ba7c"]: 5090.015ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_bb01-0739-2238"]: 5118.722ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_8dfc-21f3-f72b"]: 5150.512ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_bf82-daea-3dad"]: 5183.276ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_4402-d3bd-7cab"]: 5213.489ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_bd1e-f04e-e901"]: 5245.129ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_5706-3572-4431"]: 5273.345ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_120e-8102-8db2"]: 5308.594ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_ad94-4351-7ea6"]: 5339.314ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_3a3a-48b4-fc3b"]: 5369.305ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_77c0-9ea4-df1a"]: 5398.916ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_ba88-3d60-5b5b"]: 5426.626ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_219c-9c53-2728"]: 5457.390ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_9645-500e-6df5"]: 5489.354ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_7091-41a0-56a2"]: 5517.455ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_c6dc-e164-3661"]: 5548.485ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_0b3f-889c-c613"]: 5575.793ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_fd91-dc09-59d0"]: 5616.557ms (fhem-tablet-ui.js, line 830)
[Debug] initPage-[data-wgid="include_e87c-bd2f-2cc7"]: 5652.535ms (fhem-tablet-ui.js, line 830)
[Debug] get jsonlist2: 31.382ms (fhem-tablet-ui.js, line 973)
[Debug] read jsonlist2: 1273.742ms (fhem-tablet-ui.js, line 1065)

Kann das passen?

[dt2510]

Kommen bei dir auch Toast Meldungen ? Bei mir sind die Zeiten zwar sehr viel kürzer, aber die Meldungen nerven. Ich hab' dir mal das Video angehängt...

[fhainz]

Nein.

[moonsorrox]

Kommen bei dir auch Toast Meldungen ? Bei mir sind die Zeiten zwar sehr viel kürzer, aber die Meldungen nerven. Ich hab' dir mal das Video angehängt...

<meta name="toast" content="0"> <!-- 0=Toast off 1=Toast on -->

[dt2510]

<meta name="toast" content="0"> <!-- 0=Toast off 1=Toast on -->

Kann man natürlich machen, aber echte Fehler (mit rotem Hintergrund) werden dann auch nicht angezeigt oder ? Wenn die Warnungen weg wären, wär' das schon super ...