Einzelnen Beitrag anzeigen
  #4 (permalink)  
Alt 25.09.2016, 10:57
MrMurphy MrMurphy ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Ich habe den Slider nicht gesehen da bei mir zur Abwehr von unerwünschter Werbung JavaScript blockiert ist.

Das Verhalten habe ich jetzt erkannt und kann es nachvollziehen.

Allerdings sehe ich keine Lösung. Die Website enthält so ziemlich jede bekannte Geschwindigkeitsbremse. Da bleibt eigentlich nur abreißen und mit aktuellem HTML / CSS neu erstellen.

Eine einfache Korrekturmöglichkeit sehe ich nicht. Vielleicht findet ja ein anderer User eine.

Zu den Geschwindigkeitsbremsen beim Aufruf der einzelnen Webseiten:

1. Typo3

Die Website basiert wohl auf Typo3, einem Content Management System (CMS) beruhend auf einer Datenbank. Die einzelnen Webseiten werden bei solchen CMS bei jedem Aufruf zunächst auf dem Server zusammengestellt. Deshalb sollte der genügend Power / Ressourcen haben um die dafür notwendigen Berechnungen ohne Zeitverzögerung durchzuführen.

2. HTML-Fehler

Die Webseiten enthalten HTML-Fehler. Die zu korrigieren kostet die Browser unnötige Rechenzeit. Deshalb sollte die für jede Webseite korrigiert werden, siehe zum Beispiel

https://validator.w3.org/check?verbo....cc%2Fstart%2F

3. XHTML

XHTML ist bereits vor 8 Jahren offiziell begragen worden und sollte seitdem nicht mehr verwendet werden. Responsive Design gab es damals noch nicht, dafür ist es deshalb denkbar ungeeignet. Wenn XHTML verwendet wird sollte der Quelltext auch nach den Regeln von XHTML erstellt werden. Aktuelle HTML5-Elemente oder Tags aus anderen HTML-Versionen sind Fehler und kosten Rechenzeit.

4. Verschachtelungen

Unnötige Verschachtelungen kosten Rechenzeit und sind vom Webseitenersteller kaum zu pflegen.

Code:
   <div id="wrapwrap">
      <div id="slide_space">
         <div id="slides">
            <div id="c2" class="csc-default">
               <div class="tx-ws-flexslider">
                  <div id="flexslider-2" class="flexslider ">
                     <ul class="slides">
                        <li>
                           <div class="slidercontent wsflexslider-style1">
                              <img src="../fileadmin/user_upload/slide1.png" width="800" height="201" alt="" />
                              <div class="caption-wrapper caption-align-left">
...
5. Slider

Bei der Auswahl des Sliders sollte auf die Ausführungsgeschwindigkeit (und nebenbei auf ein Fallback) geachtet werden.

6. Grafiken

Die Grafiken sollten wegen der Ladezeit für Websites optimiert werden. Da gibt es bei dir noch Luft.

7. JavaScript

JavaScript-Berechnungen kosten immer Rechenzeit. JavaScript ist für sich eine Geschwindkeitsbremse. Deshalb sollte nur das absolut notwendige JavaScript verwendet werden.

Falls möglich sollten Lösungen mit CSS bevorzugt werden. Die sind "Pi mal Daumen" um den Faktor 10 schneller als gleichwertige JavaScript Lösungen.

8. Externe Links

Alle Menülinks sind als externe Links aufgeführt. Dadurch werden die Webseiten von den meisten Browsern bei jedem Aufruf komplett neu geladen. Mögliche Cache-Funktionen werden so ausgehebelt und lahmgelegt.

Weitere Informationen

Um das unerwünschte Springen zumindest zu lindern kann häufig einem den Slider umgebenden Container eine feste Höhe vorgegeben werden. Das bekomme ich auf deiner Website leider nicht hin. Ich habe das Gefühl dass die Slidercontainer erst zum Schluß des Seitenaufrufs erstellt werden und CSS-Angaben dazu erst dann funktionieren.

Mit freundlichem Gruss

MrMurphy
Mit Zitat antworten