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