Google PageSpeed Inside Testseite 02 mit Kopf und Navigation

Technik

Reiner HTML-Code

Inhalte

Das Hinzufügen leerem Kopfbereich, Navigation und leerem Fußbereich einschließlich der dafür erforderlichen CSS-Code-Teile brachte gegenüber der Variante 01 keine Veränderungen bei den Bewertungen.

Ergebnisse

Mobile

Schneller gemacht

Gesamtergebnis: 100 von 100

Consider Fixing:
  1. Komprimierung aktivieren Durch die Komprimierung der Ressourcen mit "gzip" oder "deflate" kann die Anzahl der über das Netzwerk gesendeten Bytes reduziert werden.. Dieser Hinweis erscheint erst, nachdem viel Inhalt eingefügt wurde.
Passed Rules
  1. Antwortzeit des Servers reduzieren: Ihr Server hat schnell geantwortet.
  2. Bilder optimieren: Ihre Bilder wurden optimiert. Die Seite enthält keine Bilder
  3. Browser-Caching nutzen: Sie haben das Browser-Caching aktiviert.
  4. CSS reduzieren Ihre CSS-Ressource wurde reduziert.
  5. HTML reduzieren Ihre HTML-Ressource wurde reduziert.
  6. JavaScript reduzieren Ihre JavaScript-Ressource wurde reduziert. Die Seite enthält keine JavaScript!
  7. JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen Sie haben keine Ressourcen, die das Rendering blockieren.Komprimierung aktivieren Die Komprimierung ist aktiviert.
  8. Sichtbare Inhalte priorisieren Die Inhalte "above the fold" (ohne Scrollen sichtbar) wurden ordnungsgemäß priorisiert.
  9. Zielseiten-Weiterleitungen vermeiden Auf Ihrer Seite sind keine Weiterleitungen vorhanden.

Nutzererfahrung

Should Fix:

  1. Lesbare Schriftgrößen verwenden-  Dieser Hinweis ist nach dem Einfügen von
    <meta name=viewport content="width=device-width, initial-scale=1">
    verschwunden.
  2. Darstellungsbereich konfigurieren -  Dieser Hinweis ist nach dem Einfügen von
    <meta name=viewport content="width=device-width, initial-scale=1">
    verschwunden.

Passed Rules:

  1. Anpassung von Inhalten auf einen DarstellungsbereichNach dem Einfügen von
    <meta name=viewport content="width=device-width, initial-scale=1">
    erscheint zunächst der Hinweis: Der Seiteninhalt ist für den Darstellungsbereich zu breit, sodass der Nutzer gezwungen ist, horizontal zu scrollen. Passen Sie die Größe des Seiteninhalts dem Darstellungsbereich an, um eine bessere Nutzererfahrung zu bieten. Der Seiteninhalt ist 908 CSS-Pixel breit, aber der Darstellungsbereich hat nur eine Breite von 320 CSS-Pixel.Daraufhin wurde im CSS-Teil
    #wrapper { width: 900px;}
    angepasst auf
    #wrapper { max-width: 900px;}
    Nun verschwindet dieser Hinweis und es erscheint: Die Inhalte Ihrer Seite passen in den Darstellungsbereich.
  2. Optimale Größe von Links oder Schaltflächen auf Mobilgeräten einhalten:Alle Links oder Schaltflächen auf Ihrer Seite sind so groß, dass ein Nutzer auf dem Touchscreen eines Mobilgeräts ganz einfach darauf tippen kann. Die Seite enthält in diesem Stadium noch gar keine Links!
  3. Plug-ins vermeiden:Ihre Seite verwendet anscheinend keine Plug-ins. Welche Art von Plugins gemeint ist, wird nicht klar, vermutlich Flash, Silverlight etc.

Desktop

Gesamtergebnis: 100 von 100

Consider Fixing:
  1. Komprimierung aktivieren Durch die Komprimierung der Ressourcen mit "gzip" oder "deflate" kann die Anzahl der über das Netzwerk gesendeten Bytes reduziert werden.. Dieser Hinweis erscheint erst, nachdem viel Inhalt eingefügt wurde.
Passed Rules
  1. Antwortzeit des Servers reduzieren: Ihr Server hat schnell geantwortet.
  2. Bilder optimieren: Ihre Bilder wurden optimiert. Die Seite enthält keine Bilder
  3. Browser-Caching nutzen: Sie haben das Browser-Caching aktiviert.
  4. CSS reduzieren Ihre CSS-Ressource wurde reduziert.
  5. HTML reduzieren Ihre HTML-Ressource wurde reduziert.
  6. JavaScript reduzieren Ihre JavaScript-Ressource wurde reduziert. Die Seite enthält keine JavaScript!
  7. JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen Sie haben keine Ressourcen, die das Rendering blockieren.Komprimierung aktivieren Die Komprimierung ist aktiviert.
  8. Sichtbare Inhalte priorisieren Die Inhalte "above the fold" (ohne Scrollen sichtbar) wurden ordnungsgemäß priorisiert.
  9. Zielseiten-Weiterleitungen vermeiden Auf Ihrer Seite sind keine Weiterleitungen vorhanden.