Mobile Instant-Web-Apps
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Der Pfad für kritisches Rendering bezeichnet alle Elemente (JavaScript, HTML, CSS, Bilder), die der Browser benötigt, bevor die Seite gezeichnet werden kann. Die Auslieferung von Assets im kritischen Rendering-Pfad ist ein Muss, insbesondere für Nutzer mit netzwerkbeschränkten Geräten wie Smartphones in Mobilfunknetzen. Bryan erklärte, wie das Team bei Google die Assets für die PageSpeed Insights-Website identifiziert und priorisiert hat und damit von einer Ladezeit von 20 Sekunden auf etwas mehr als eine Sekunde verlief.
Google Präsentationen
- Entfernen Sie JavaScript und CSS, die das Rendering blockieren.
- Sichtbare Inhalte priorisieren.
- Skripts asynchron laden.
- Die anfängliche Ansicht serverseitig als HTML rendern und mit JavaScript erweitern.
- Minimieren Sie das CSS, das das Rendering blockiert. Stellen Sie nur die Stile bereit, die zum Anzeigen des ursprünglichen Darstellungsbereichs erforderlich sind, und sorgen Sie dann für den Rest.
- Große Daten-URIs, die in CSS enthalten sind, die das Rendering blockieren, beeinträchtigen die Rendering-Leistung. Sie blockieren Ressourcen, bei denen Bild-URLs nicht blockieren.
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: 2025-07-25 (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: 2025-07-25 (UTC)."],[],["The core content discusses optimizing the Critical Rendering Path (CRP) for faster page load times. Key actions include eliminating render-blocking JavaScript and CSS, prioritizing visible content, loading scripts asynchronously, and rendering the initial view server-side as HTML. Minimizing render-blocking CSS by delivering only initial viewport styles is crucial. Large data URIs inlined within blocking CSS negatively impacts performance, unlike image URLs. These steps were used to significantly improve the PageSpeed Insights website's load time.\n"]]
