Ladezeiten Smartvisu 2.9

[Hochpass]

mir ist aufgefallen, dass die Seitenladezeiten ohne Cache sich in der 2.9er sehr verlängert haben. Auch mit Cache dauert es beim ersten Seitenaufruf sehr lange. Danach flutscht es. Das ist bei meinen Seiten so aber auch bei der Doku.
Ist die Beobachtung korrekt oder mache ich etwas falsch?

P.S. 1.4er Image vom Onkelandy auf PI2

[smai]

Der erste Aufruf nach Aktivieren des Caches ist tatsächlich langsamer geworden, weil neu die JavaScript- und CSS-Dateien zu diesem Zeitpunkt zusammengefasst und verkleinert werden.

Ohne Cache wäre ich mir spontan nicht bewusst, weshalb es bedeutend langsamer sein sollte, kann dies aber auch nicht bestreiten. Ich muss selbst mal einen Vergleich anstellen und allenfalls versuchen herauszufinden, woran dies liegen könnte.

[Hochpass]

Hab die Smartvisu 2.9 jetzt parallel auf meinen produktiven PI geladen. Die Ladezeiten sind zur 2.8 um welten schlechter. Auch wenn ich die inline docu nutze um auszuschlieen dass es an meinen Seiten liegt ist es schnarchlangsam. Ca. 8 Sekunden bis die Seiten da sind. Hatte noch wer das problem und könnte mir einen Tipp geben wie ich das debuggen könnte?

[Bonze]

Nutzen wir eigentlich deflate oder gzip in der .htaccess oder bleibt dies jedem selbst überlassen?
Oder bringt es überhaupt etwas?

[smai]

Hochpass
Dad klingt nicht gut.
Hast du den Page Cache aktiviert oder nicht?
Dauert das Laden der Seite selbst so lange oder bis die aktuellen Werte angezeigt werden?

Bonze
Das smartVISU repo liefert doch gar keine .htaccess mit. Ich finde das auch nicht so falsch, weil sie unabhängig von einem bestimmten Webserver laufen soll.
Aber in der index.php ist ein gzip implementiert. Ob das wirklich sinnvoll ist, bezweifle ich aber eher.
Ich hin mir auch nicht so sicher, ob gzip bei einer primär im LAN und oft auf schwachen Servern (RasPi) eingesetzten Applikation überhaupt Sinn macht oder sogar bremst.
Wenn jemand Zeit und Lust hat, würden mich Messungen dazu durchaus interessieren.

[Hochpass]

Ich hab noch nicht viel gemacht außer die Doku eingestellt und die Startseite aufgerufen:

http://192.168.1.22/smartvisu2.9/index.php

Cache ist aus.

Im der firefox Konsole rauschen Fehlermeldungen durch:

Fehler beim Verarbeiten des Wertes für '-webkit-text-size-adjust'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:337
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:1175
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:1316
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:1806
Unbekannte Eigenschaft 'user-select'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:3424
Fehler beim Verarbeiten des Wertes für '-webkit-perspective'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:15908
Fehler beim Verarbeiten des Wertes für '-moz-perspective'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:15930
Fehler beim Verarbeiten des Wertes für 'perspective'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:15947
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:20881
Fehler beim Verarbeiten des Wertes für '-webkit-transform-origin'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:21007
Fehler beim Verarbeiten des Wertes für '-moz-transform-origin'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:21058
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:21078
Fehler beim Verarbeiten des Wertes für 'transform-origin'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:21101
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:27626
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:30690
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:36474
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:37409
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:37487
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:37543
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:41701
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:43259
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:43456
Unbekannte Eigenschaft 'appearance'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:52343
Unbekannte Pseudoklasse oder Pseudoelement '-webkit-outer-spin-button'.  Regelsatz wegen ungültigem Selektor ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:52449
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:57402
Unbekannte Pseudoklasse oder Pseudoelement '-ms-input-placeholder'.  Regelsatz wegen ungültigem Selektor ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:57886
Unbekannte Pseudoklasse oder Pseudoelement '-webkit-outer-spin-button'.  Regelsatz wegen ungültigem Selektor ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:58044
Unbekannte Pseudoklasse oder Pseudoelement '-ms-clear'.  Regelsatz wegen ungültigem Selektor ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:58101
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:58253
Unbekannte Eigenschaft 'user-select'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:59149
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:59378
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:67114
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:67307
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:67469
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  jquery.mobile.structure-1.4.5.min.css:3:67644
Fehler beim Verarbeiten des Wertes für '-webkit-background-clip'.  Deklaration ignoriert.  ice.css:114:26
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  ice.css:128:16
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  ice.css:133:16
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  ice.css:138:16
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  ice.css:174:16
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  ice.css:189:9
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  ice.css:378:16
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  ice.css:540:16
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  ice.css:704:16
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  ice.css:868:16
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  ice.css:1032:16
'none', URL oder Filterfunktion erwartet, aber 'Alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  ice.css:1045:9
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  ice.css:1067:16
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1094:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1095:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1106:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1107:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1125:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1126:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1138:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1139:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1151:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1152:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1182:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1183:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1198:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1199:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1210:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1211:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1229:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1230:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1242:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1243:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1255:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1256:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1286:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1287:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1302:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1303:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1314:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1315:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1333:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1334:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1346:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1347:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1359:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1360:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1390:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1391:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1407:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1408:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1419:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1420:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1438:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1439:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1451:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1452:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1464:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1465:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1495:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1496:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1511:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1512:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1523:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1524:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1542:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1543:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1555:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1556:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1568:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1569:24
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1599:23
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  ice.css:1600:24
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:455:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:462:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:474:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:486:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:502:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:597:19
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  base.css:601:83
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  base.css:604:19
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  base.css:605:19
Farbe erwartet, aber 'left' gefunden.  Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  base.css:606:35
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert.  base.css:735:16
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:816:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:898:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:992:19
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  base.css:1003:19
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  base.css:1004:19
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  base.css:1015:19
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert.  base.css:1016:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:1061:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:1087:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:1098:19
'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.  base.css:1102:9
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:1204:19
Unbekannte Pseudoklasse oder Pseudoelement '-webkit-inner-spin-button'.  Regelsatz wegen ungültigem Selektor ignoriert.  base.css:1328:16
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  base.css:1566:19
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert.  sunburst.css:18:19
Fehler beim Verarbeiten des Wertes für 'pointer-events'.  Deklaration ignoriert.  index.php
XML-Verarbeitungsfehler: nicht wohlgeformt
Adresse:
Zeile Nr. 1, Spalte 110:  (unbekannt):1:110

[smai]

Das sollte alles kein Problem sein, die ignorierte CSS-Angaben sind für die Browserkompatibilität notwendig.
Ich arbeite selten mit Firefox, aber man kann da bestimmt die Netzwerkladezeiten und auch die Rendering- und Scriptzeiten anzeigen.
Allerdings fürchte ich eher, dass die Ursache auf der Serverseite liegt.

[Hochpass]

Hi,
hab mal in Firefox eine Laufzeitanalyse gemacht und die als json gespeichert. Ich hoffen die kann man auch wieder in firefox zum anschauen importieren.
Ich hab mal 2 unterschiedliche Seiten der Doku aufgerufen.

[Hochpass]

bildschirmschuss.JPG

[smai]

Ich konnte das nun nachvollziehen und auch die Ursache finden:
in pages/base/root.html habe ich ein include für alle Widgets eingefügt, damit dies nicht mehr auf jeder Seite einzeln gemacht werden muss.
Allerdings werden damit auch alle durch Twig kompiliert und bei ausgeschaltetem Cache geschieht das bei jedem Seitenaufruf.

Bei mir habe sich die Ladezeiten auf dem RasPi 2 dadurch von ca. 2.5 auf 5.0 Sekunden verdoppelt.
Aber in einer produktiven Umgebung sollte der Cache eh aktiviert werden, weil imho auch 2.5 Sekunden nicht akzeptabel sind.

Da ich den Cache erweitert habe, sind die Ladezeiten mit Cache in 2.9 übrigens deutlich verbessert.
Bei mir im Schnitt von ca. 60 Millisekunden auf ca. 13 Millisekunden.

[manhartm]

Ich verwende in meinem Testsystem die Develop-Versionen von SmarthomeNG und Smartvisu. Bisher habe ich den Cache immer abgeschaltet gehabt. Heute nun setzte ich "cache" auf "true" und beim Aufruf meiner Smartvisu blieb die Seite leer (weiss). Ein Neustart meines Pi und meines Browsers änderte nichts daran. Ich deaktivierte dann den Cache wieder (false) und sofort wurde Smartvisu wieder korrekt angezeigt, aber mit der typischen Verzögerung beim Laden der ersten Seite.

Was muss ich noch beachten/anpassen, wenn ich den Cache aktivieren möchte ?

[smai]

Was sagen denn die Developer Tools deines Browsers (bei den meisten mit F12 aufzurufen).
Wird gar nichts geladen, kommt ein Serverfehler oder eine Script Exception?

Ist der temp-Ordner auf dem Server beschreibbar und werden darin Dateien angelegt?

[manhartm]

Ich fand den richtigen Hinweis in /var/log/apache2/error.log. In meinem smartvisu-Verzeichnis stimmte etwas nicht mit den Berechtigungen. Jetzt läuft der Cache-Modus.

[smai]

Ich habe mal einen Issue erfasst, dass geprüft werden soll, ob der Ordner beschrieben werden kann.

[Hochpass]

O.k. hab ich verstanden. Das Update im develop hat haber nichts mit der Ladezeit zu tun oder?

Ist es den möglich den cache für alle Seiten auf einmal zu generieren? Ist ein wenög blöd wenn man mal ne Zeit lang an der Visu spielt und immer den cache löschen muss. Dann aber alle Seiten erstmal lange laden.