Das Thema Pagespeed ist fesselnd und spanend.
Grundsätzlich gilt:
1. Dein Javascript im Head sollte komplett asynchron geladen werden, damit eine unnötige Blockierung der Anzeige deiner Seite ausbleibt und der Seitenaufbau schneller vonstatten gehen kann. Sprich die Seite wird angefordert => Seite wird dem Besucher angezeigt => im Hintergrund wird das Javascript nachgeladen.
2. Halte deine CSS so klein wie möglich. Google unterscheidet zwischen "above the fold" und "below the fold" Bereichen. Auf Deutsch sind das Bereiche, die direkt sichtbar sind und Bereiche, die durch scrollen der Seite sichtbar werden. Hier empfiehlt Google in seiner Dokumentation die CSS, die fuer den "above the fold" Bereich benötigt wird, als Inline CSS einzubinden und die CSS, die fuer den Rest der Seite benötigt wird, asynchrone einzubinden.
3. Nutze ein "Lazy Load" Plugin, dass die Bilder, die fruehestens durch Scrollen auf deiner Seite zu sehen sind, nachlädt. Das spart Anfragen an den Server und der Browser kann die Seite schneller ausliefern und die Wartezeit auf zusätzliche Bilder bleibt aus. Natuerlich solltest du die gesamten Bilder auf deiner Seite komprimieren.
4. Nutze Gzip und Cache.
So erreichst du einen Pagespeed von 100.