search

springers54 / reiki

0 stars 0 forks source link

Ladezeiten der Seite verbessern #147

Closed springers54 closed 5 years ago

springers54 commented 5 years ago

https://tools.pingdom.com/ grafik

Die alte Seite zum Vergleich: grafik

und neu: grafik

grafik

Es sind die Lehrerbilder, die wir unbedingt ändern müssen, damit wir eine performante Seite bekommen. Das momentane Verfahren funktioniert nicht.

joergsteinhauer commented 5 years ago

Jep, da ist noch einiges zu optimieren, aber meist sind das die Bilder. Sowas mache ich imemr dann, wenn Layout fertig ist. Gehe ich später an. Hoffe, dass das CSS und JS im Gegensatz zur alten Seite besser ausfällt.

springers54 commented 5 years ago

Ich denke, wir sollten das nicht am Ende machen. Es liegt ja hauptsächlich am Lehrerblock #123 . Es wäre mir wichtig, dass wir hier eine Lösung haben, mit der wir leben können. Offensichtlich werden auch auf der Homepage die großen Bilder geladen, was keinen Sinn macht. Nun gibt es 2 Möglichkeite, wie wir vorgehen können. Die erste besteht darin, dass du deinen Baustein optimierst. Wenn das zu aufwändig ist, dann besteht die zweite Möglichkeit darin, den Teambaustein als Tabelle auf der Seite zu bauen, die kleinen Bilder zu laden, mit den großen zu verlinken sowie mit den Seiten der Lehrer.

Das wäre zwar weniger elegant, aber auch machbar, denn die Lehrer wechseln nicht jeden Tag. Und es läuft nach einem festen Schema ab.

Aus meiner Sicht sollten wir eine Grundoptimierung der Seite schon während der Gestaltung im Auge behalten und das Feintuning dann am Ende machen. Ansosnten machen wir zu viele Baustellen nciht zu.

springers54 commented 5 years ago

Hoffe, dass das CSS und JS im Gegensatz zur alten Seite besser ausfällt. grafik grafik

https://gtmetrix.com/reports/reiki-lernen.de/iTxLdXKd grafik

https://freetools.seobility.net/de/seocheck/check?url=https%3A%2F%2Freiki-lernen.de&crawltype=1 grafik

https://varvy.com/ grafik

joergsteinhauer commented 5 years ago

Ok, grundsätzlich korrekt. Neu entwickelten Features sollten gleich zumindest grob optimal entwickelt werden, einige Sachen habe ich teilweise außer Acht gelassen (optimierte Bilder, SVG, valides CSS/HTML). Werde ich alsbald nachholen.

Problem Lehrerbilder lösen wir in einem anderen Issue, bitte dort angehen: #123

Die meisten Tools meckern Optimierungen im Bereich Komprimierung an (Bilder, CSS, JS). Bilder habe ich oben erwähnt, CSS und JS wird am Ende durch ein Plugin komprimiert - darauf sollten wir also am Ende schauen.

Was noch offen ist - sind die ganzen OnPage Sachen (Markup, Meta-Tags etc.).

Des Weiteren gibt es Sachen im Server-Bereich zu optimieren, da bin ich raus.

Generell sollte die Seite ja sowieso nicht live geschalten werden, bevor wir nicht die meisten Kinderkrankheiten beseitigen.

joergsteinhauer commented 5 years ago

Alle Bilder (so wie sie sind - unabhängig davon, ob die einzelnen Features noch optimiert werden) wurden händisch optimiert. Normalerweise macht man sowas nicht händisch, aber da sich die betroffenen Elemente nicht oft ändern (Teaser, Lehrer) habe ich sie eben händisch optmiert.

Die Bilder waren bis dato nicht gut benannt (mal klein, mal groß, mal ein komischer Buchstabe am Ende, mal mit, mal ohne NAchname - keine konsistente Benamung) und waren in diversen Verzeichnissen verstreut. Ich habe es so gut wie ging vereinheitlicht.

Für SVG gibt es extra Issue: #149

joergsteinhauer commented 5 years ago

Habe nun einige Zeit mit Validieren verbracht, an sich sind das alles keine schwerwiegenden Probleme, lsäst sich nach und nach lösen.

Einzig gibt es noch ein komplexeres Problem bei Shortcodes und HTML in Artikeln - hier werden beim Zeilenumbruch noch die automatische Wordpress p-tags eingefügt, das macht den Quelltext invalid... aber das PRoblem ist auch lösbar, dauert eben ggf länger.

springers54 commented 5 years ago

Das einfache Umbenennen würde aber nicht gehen, da wir sonst den Zusammenhang mit den alten Seiten verlieren. Für die Startseite ist das ok, für alle anderen Seiten nicht, denn das würde bedeuten, dass ich die Sachen nicht zu einem späteren Zeitpunkt updaten kann. Es sind noch lange nicht alle Dinge der alten Seite übertragen, so dass es noch nicht mal möglich wäre, beide Seiten parallel zu pflegen.

Die Übertragung aller Inhalte wäre die Voraussetzung, um dann beide Seiten eigenständig zu sehen.

Das betrifft auch das Verschieben von Bildern in andere Ordner, denn am Ende geht dann gar nichts mehr.

springers54 commented 5 years ago

grafik

springers54 commented 5 years ago

grafik

So stellt es sich jetzt da, also viel sieht man noch nicht.

joergsteinhauer commented 5 years ago

Das einfache Umbenennen würde aber nicht gehen, da wir sonst den Zusammenhang mit den alten Seiten verlieren.

Guter Punkt, daran habe ich nicht gedacht. Dann binde ich wieder die alten Bilder ein, ersetze die aber auf dem FTP mit den optimierten Versionen (wenn nichts dagegen spricht). Einen anderen Weg haben wir nicht wirklich.

So stellt es sich jetzt da, also viel sieht man noch nicht.

Ich bin doch noch lange nicht fertig mit den Optimierungen, Step by Step...

springers54 commented 5 years ago

Ich schließe das hier erst einmal, weil wir aktuell andere Baustellen haben. Die endgültige Seo-Optimierung sollten wie dann vornehmen, wenn die Probleme wie Bildergrößen und Archivseiten durch sind.