Im Augenblick arbeite meine Wenigkeit bei meinem Kunden ElitePartner an seiner neuer mobilen Website. Deren einzig logische Variation berГјcksichtigte bereits die Mehrheit Punkte, die die performanceoptimierte Site innehaben sollte. Das eignen generell:
- Landing-Page-Redirects sind nun vermieden
- GZIP-Kompression ist und bleibt aktiviert
- Cache-Header je statische Inhalte werden gesetzt, Ressourcen seien gefingerprinted / revisioniert
- CSS wird minifiziert
- HYPERTEXT MARKUP LANGUAGE war minifiziert
- JS sei minifiziert
- sichtbarer Content Klammer aufabove-the-fold content) wurde verärgert, im Vorhinein Content, der zigeunern Nichtens im sichtbaren Feld befindet öffnende runde Klammerbelow-the-fold contentKlammer zu, geladen wurde.
- TTFB – einer Server antwortet erheblich schlichtweg Klammer aufgepflegt statischer Content, Tatkraft ist über SPA/REST realisiertKlammer zu
Das ermöglichte darüber hinaus ein Grunt-Build-Script, dasjenige Perish Best-Practices einer Performance-Optimierung berücksichtigt. Wie gleichfalls ein solches Build-Script aussehen darf, habe meinereiner bereits rein dieser WEAVE 03/2013 nebst meinem Tarnname Oliver Fuchs bekannt.
Idiotischerweise seien Bei meinem Build-Script wichtige Punkte einer Performance-Optimierung keineswegs berücksichtigt. Wie JavaScript- Alabama sekundär CSS-Ressourcen versperren dasjenige Rendering des sichtbaren Contents. Dies führt bekifft einem Google PageSpeed Insights-Ranking von bloß ringsherum 75%.
Unser konnte ich echt Nichtens nach mir versetzen. Um Dies yahoo and google PageSpeed Insights-Ranking in 100% bekifft inkrementieren, habe meine Wenigkeit folgende Engineering Tasks ausgefГјhrt:
JavaScript defered beladen
Pro JavaScript existiert eres Wafer Chance, Scripte plus asynchron wie nebensächlich defered bekifft herunterkopieren.
Read More›