{"id":39139,"date":"2020-11-01T23:44:22","date_gmt":"2020-11-02T07:44:22","guid":{"rendered":"https:\/\/kinqsta.com\/?p=81133"},"modified":"2023-10-03T11:52:45","modified_gmt":"2023-10-03T10:52:45","slug":"weniger-http-requests-macht","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/de\/blog\/weniger-http-requests-macht\/","title":{"rendered":"Wie man weniger HTTP-Requests in WordPress macht (Einfach die Geschwindigkeit der Seite erh\u00f6hen)"},"content":{"rendered":"

Je mehr HTTP-Requests deine Webseite hat, desto langsamer wird sie geladen. Wenn du also die Anzahl der HTTP-Requests reduzieren und das Laden optimieren kannst, kannst du die Leistung deiner Webseite verbessern<\/a>.<\/p>\n

In diesem Beitrag f\u00fchren wir euch durch alles, was ihr dar\u00fcber wissen m\u00fcsst, wie ihr weniger HTTP-Requests auf WordPress machen m\u00fcsst.<\/p>\n

Wir beginnen mit einer grundlegenden Einf\u00fchrung in HTTP-Requests, warum sie wichtig sind und wie du die Anfragen deiner WordPress-Seite analysieren kannst.<\/p>\n

Dann teilen wir einige Tipps und Strategien, die du anwenden kannst, um die Anfragen deiner Webseite zu reduzieren. Diese Strategien helfen dir nicht nur bei der Nachricht „Make Fewer HTTP Requests“ in GTmetrix, sondern auch bei der Nachricht „Avoid chaining critical requests“ in Google PageSpeed Insights.<\/p>\n

<\/div><\/kinsta-auto-toc>\n\n

Willst du lieber die Video-Version<\/a> sehen?<\/h3>\n<\/kinsta-video>\n

Was sind HTTP-Requests?<\/h2>\n

Wenn du eine Webseite baust<\/a>, hat sie viele verschiedene Teile. Du hast die verschiedenen Bilddateien<\/a>, die du auf einer Seite verwendest, die CSS-Stylesheets<\/a>, die steuern, wie der Inhalt aussieht, die JavaScript-Dateien, die all diese coolen Funktionen hinzuf\u00fcgen, und so weiter.<\/p>\n

Wenn jemand deine Webseite besucht<\/a>, muss sein Browser eine M\u00f6glichkeit haben, alle f\u00fcr diese Seite ben\u00f6tigten Ressourcen von deinem Server herunterzuladen. Um das zu tun, stellt er f\u00fcr jede einzelne Ressource HTTP-Requests<\/strong> an den Server.<\/p>\n

Zum Beispiel k\u00f6nnte es sagen: „Hey Server, ich brauche die Datei coolimage.png<\/strong>“ und „Hey Server, ich brauche auch das CSS-Stylesheet f\u00fcr das Kontaktformular-Plugin<\/a>„. Der Server antwortet<\/strong> dann auf diese Anfragen mit den fraglichen Dateien.<\/p>\n

Sobald der Webbrowser diese Dateien hat, kann er die Webseite f\u00fcr deinen Besucher zusammenstellen. Nat\u00fcrlich ist es etwas komplizierter als das, aber das ist die Grundidee.<\/p>\n

HTTP, kurz f\u00fcr Hypertext Transfer Protocol, ist die Art und Weise, wie diese Computer (der Browser des Besuchers und dein Webserver) kommunizieren.<\/p>\n

Eine wichtige Sache, die es zu verstehen gilt, ist, dass jedes einzelne Element ein eigener HTTP-Request ist. Wenn du zum Beispiel f\u00fcnf Bilddateien<\/a> auf einer Webseite hast, muss der Browser f\u00fcnf separate HTTP-Requests stellen, einen f\u00fcr jedes Bild.<\/p>\n

Wenn du vier WordPress-Plugins<\/a> verwendest und jedes Plugin sein eigenes CSS-Stylesheet hinzuf\u00fcgst, muss der Browser des Besuchers vier separate HTTP-Requests stellen, einen f\u00fcr jedes Stylesheet des Plugins.<\/p>\n

Warum ist es wichtig, HTTP-Requests zu reduzieren?<\/h2>\n

<\/p>\n

Generell gilt: Je mehr HTTP-Requests deine Webseite hat, desto langsamer wird sie geladen<\/a>. Wenn du also willst, dass deine Webseite schneller l\u00e4dt, musst du die Anzahl der HTTP-Requests, die deine Webseite ben\u00f6tigt, optimieren und reduzieren.<\/p>\n

Das ist zwar etwas \u00fcbertrieben vereinfacht, aber die Grundidee ist, dass der Webbrowser die Webseite dem Besucher erst dann anzeigt, wenn er alle HTTP-Requests heruntergeladen hat (obwohl es einige Taktiken gibt, um dem Browser mitzuteilen, dass es in Ordnung ist, auf bestimmte Dateien zu warten).<\/p>\n

Wenn eine Webseite also 70 HTTP-Requests machen muss, bevor sie die Seite anzeigen kann, wird das l\u00e4nger dauern, als wenn sie 40 HTTP-Requests machen muss.<\/p>\n

Zus\u00e4tzlich werden einige HTTP-Requests andere HTTP-Requests „blockieren“, was bedeutet, dass der Browser erst dann mit dem Download bestimmter HTTP-Requests beginnen kann, wenn er den Download der vorhergehenden HTTP-Requests abgeschlossen hat.<\/p>\n

Unterm Strich bedeutet das: wenn du weniger HTTP-Requests machst, l\u00e4dt deine Webseite schneller.<\/a><\/p>\n

Wie du die HTTP-Requests deiner Webseite siehst und analysierst<\/h2>\n

Oben hast du gelernt, dass die Reduzierung der Anzahl der HTTP-Requests deine Webseite beschleunigen<\/a> wird, wenn alle Dinge gleich sind. Allerdings sind nicht alle HTTP-Requests immer „gleich“. Einige HTTP-Requests sind gr\u00f6\u00dfer als andere. Einige sind langsamer als andere.<\/p>\n

Zum Beispiel dauert die Anfrage f\u00fcr eine riesige 3 MB gro\u00dfe Bilddatei viel l\u00e4nger als die Anfrage f\u00fcr ein winziges 20 KB gro\u00dfes Bild.<\/p>\n

Wenn du die gr\u00f6\u00dfte Verbesserung an deiner Webseite machen willst, dann wird sich die Konzentration auf die gro\u00dfen, langsam ladenden HTTP-Requests am meisten auszahlen.<\/p>\n

Um die HTTP-Requests deiner Webseite zu analysieren, kannst du etwas namens Wasserfall-Analyse<\/a> verwenden.<\/p>\n

Die meisten Geschwindigkeitstesttools bieten dies an, aber die Schnittstellen bei GTMetrix<\/a> und Pingdom<\/a> sind sehr bequem. Du kannst auch die Entwicklertools deines Browsers verwenden. Wir werden jedoch GTmetrix f\u00fcr unsere Screenshots verwenden.<\/p>\n

Sobald du deine URL<\/a> angibst, siehst du oben eine einfache Zusammenfassung. Diese zeigt dir an, wie viele HTTP-Requests deine Webseite hat, aber sie schl\u00fcsselt die einzelnen Requests nicht auf:<\/p>\n

<\/p>\n

Um eure individuellen Anfragen zu analysieren, geht auf die Registerkarte Wasserfall<\/strong> unten.<\/p>\n

Hier siehst du eine Liste mit jedem einzelnen HTTP-Request auf deiner Webseite, zusammen mit Informationen dar\u00fcber, wie lange der Download des HTTP-Requests gedauert hat:<\/p>\n

<\/p>\n

Du kannst sehen, dass nicht alle HTTP-Requests gleich sind. Zum Beispiel dauert das 839.3 KB Bild 1.12s, w\u00e4hrend das 57.6 KB Bild nur 87.5 ms ben\u00f6tigt:<\/p>\n

<\/p>\n

Du kannst auch HTTP-Requests von den verschiedenen WordPress-Plugins finden, die du verwendest, indem du nach dem Namen des Ordners dieses Plugins auf deinem Server suchst. Zum Beispiel kannst du sehen, dass WooCommerce<\/a> sieben seiner eigenen HTTP-Requests hinzuf\u00fcgt:<\/p>\n

<\/p>\n

Auf diese Weise kannst du sehen, ob irgendwelche Plugins, die du benutzt, viele HTTP-Requests hinzuf\u00fcgen (besonders langsam ladende Anfragen).<\/p>\n

Wie man HTTP-Requests in WordPress optimiert und weniger macht<\/h2>\n

Auf einer hohen Ebene gibt es zwei Strategien, um weniger HTTP-Requests zu machen:<\/p>\n