1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Ladereihenfolge einer Website steuern

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von didjee, 16. März 2022.

  1. didjee

    didjee Member

    Registriert seit:
    16. März 2022
    Beiträge:
    8
    Zustimmungen:
    0
    Hallo,

    hier mal eine Frage an die Cracks unter Euch. Beispiel ist die Apple.com Seite. Diese Seite wird wohl mit speziellen JS Skripts gesteuert. Heißt, bei der Seite werden Elemente oder Animationen einfach nur nach Bedarf geladen. Dadurch hat diese Seite unter anderem auf GTmetrix eine hervorragende Performance. Gibt es für WordPress ein Plugin mit der man die Ladereihenfolge bestimmen- oder sogar das unnötige Laden verhindern kann? Ist Quasi im Ansatz wie das interlaced Laden von Bildern. Nur möchte ich zum Beispiel auf der Seite nicht das die Bildgalerie mit geladen wird. Würde mich über Ansätze oder Ideen freuen.

    LG Didjee
     
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    ... vielleicht hilft dir das weiter - LINK
     
  3. didjee

    didjee Member

    Registriert seit:
    16. März 2022
    Beiträge:
    8
    Zustimmungen:
    0
    Hallo und vielen Dank,
    der Ansatz ist richtig und auch das Plugin sowie ähnliche sind mir bekannt. Nur möchte ich das zum Beispiel nur der Header Slider geladen wird und der rest nicht. Die andern Inhalte nach und nach beim Scrollen.
     
  4. didjee

    didjee Member

    Registriert seit:
    16. März 2022
    Beiträge:
    8
    Zustimmungen:
    0
    Ich versuche das jetzt noch mal mit Lazy Loading
     
  5. meisterleise

    meisterleise Well-Known Member

    Registriert seit:
    18. Januar 2012
    Beiträge:
    1.351
    Zustimmungen:
    345
    Lazy Loading bezieht sich bei WP nur auf Bilder. Ist also weit entfernt von dem, was du dir wünscht.
     
  6. didjee

    didjee Member

    Registriert seit:
    16. März 2022
    Beiträge:
    8
    Zustimmungen:
    0
    Gibt es das was ich mir Wünsche?;)
     
  7. meisterleise

    meisterleise Well-Known Member

    Registriert seit:
    18. Januar 2012
    Beiträge:
    1.351
    Zustimmungen:
    345
    Vermutlich nur, wenn du bei deiner Website WordPress weglässt. :D
     
  8. didjee

    didjee Member

    Registriert seit:
    16. März 2022
    Beiträge:
    8
    Zustimmungen:
    0
    Oho, jetzt wird es interessant. Conatao oder Drupal?
     
  9. didjee

    didjee Member

    Registriert seit:
    16. März 2022
    Beiträge:
    8
    Zustimmungen:
    0
    Oder Du sagst gelich Typo3?
     
  10. meisterleise

    meisterleise Well-Known Member

    Registriert seit:
    18. Januar 2012
    Beiträge:
    1.351
    Zustimmungen:
    345
    Alles falsch. Ich wollte damit sagen, dass wahrscheinlich grundsätzlich ein CMS das Problem ist.
    (Ich bin aber kein Informatiker. Würde selber mal gerne wissen, wie die Apple-Seiten so genau aufgebaut sind und was dahintersteckt.)
     
  11. didjee

    didjee Member

    Registriert seit:
    16. März 2022
    Beiträge:
    8
    Zustimmungen:
    0
    Sieht mir schwer Handcoded aus! Hatte mir mit einem Kumpel mal den Quelltext angesehen. Also Cracks
     
  12. meisterleise

    meisterleise Well-Known Member

    Registriert seit:
    18. Januar 2012
    Beiträge:
    1.351
    Zustimmungen:
    345
    Ja, im Kern scheint da ja React JS hinterzustecken (nicht das ich Ahnung davon hätte).
     
  13. didjee

    didjee Member

    Registriert seit:
    16. März 2022
    Beiträge:
    8
    Zustimmungen:
    0
    Wo hast Du denn dieses React JS entdeckt? Im Quellcode, oder wo?
     
  14. meisterleise

    meisterleise Well-Known Member

    Registriert seit:
    18. Januar 2012
    Beiträge:
    1.351
    Zustimmungen:
    345
    Ich habe diverse kleine nette Helferlein in FF, die Anzeigen, welches CMS und welche sonstige Technik so im Einsatz ist.
    upload_2022-3-17_22-2-45.png
     
  15. r23

    r23 Well-Known Member

    Registriert seit:
    9. Dezember 2006
    Beiträge:
    7.317
    Zustimmungen:
    582
    Die Seite verwendet fertige JS Frameworks
    https://www.apple.com/ac/libs/hls.js/2.15.11/hls.js

    =>
    https://github.com/borisirota/webworkify-webpack

    =>
    https://webpack.js.org/guides/web-workers/

    Das verhalten, was du sucht nennt sich - wie schon genannt - Lazy Loading

    =>
    https://webpack.js.org/guides/lazy-loading/

    => Hier Frameworks
    Hier React: Code Splitting and Lazy Loading

    Und Code Splitting
    https://webpack.js.org/guides/code-splitting/

    Hier eine typsiche Anwendung auf der Seite


    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Erste Zeile:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    data-lazy bei React - ein Tut aus 2020
    https://www.digitalocean.com/community/tutorials/how-to-handle-async-data-loading-lazy-loading-and-code-splitting-with-react


    bei dem Bildern gibt es noch einen onload event. cool
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

    und dann gibt es eine Bereich für User ohne JavaScript (<noscript></noscript>)

    soweit meine Interpretation
     
  16. r23

    r23 Well-Known Member

    Registriert seit:
    9. Dezember 2006
    Beiträge:
    7.317
    Zustimmungen:
    582
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden