Kritischer Rendering-Pfad
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Bei der Optimierung des kritischen Rendering-Pfads geht es darum, die Anzeige von Inhalten zu priorisieren, die sich auf die aktuelle Nutzeraktion beziehen.
Ein schnelles Weberlebnis erfordert viel Browserarbeit. Der Großteil dieser Arbeit ist uns als Webentwickler verborgen: Wir schreiben das Markup und eine schöne Seite erscheint auf dem Bildschirm. Aber wie genau führt der Browser von der Verarbeitung
unserer HTML-, CSS- und JavaScript-Elemente bis zum Rendern der Pixel auf dem Bildschirm aus?
Bei der Leistungsoptimierung geht es darum zu verstehen, was in diesen Zwischenschritten zwischen dem Empfang der HTML-, CSS- und JavaScript-Byte und der erforderlichen Verarbeitung zur Umwandlung in gerenderte Pixel geschieht. Dies ist der kritische Rendering-Pfad.
Durch die Optimierung des kritischen Rendering-Pfads können wir die Zeit bis zum ersten Rendern unserer Seiten erheblich verkürzen. Das Verständnis des kritischen Rendering-Pfads bildet außerdem die Grundlage für die Erstellung leistungsstarker interaktiver Anwendungen. Der interaktive Aktualisierungsprozess ist derselbe, nur in einer Dauerschleife und idealerweise mit 60 Bildern pro Sekunde.
Zunächst jedoch ein Überblick darüber, wie der Browser eine einfache Seite anzeigt.
Zusätzliche Ressourcen
Feedback
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2014-03-31 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Benötigte Informationen nicht gefunden"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Zu umständlich/zu viele Schritte"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Nicht mehr aktuell"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problem mit der Übersetzung"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problem mit Beispielen/Code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Sonstiges"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Leicht verständlich"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Mein Problem wurde gelöst"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Sonstiges"
}]
{"lastModified": "Zuletzt aktualisiert: 2014-03-31\u00a0(UTC)."}
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2014-03-31 (UTC)."],[],[]]
