In Google Pagespeed Insights Wie bereits erwähnt FAQ :
Verwendet PageSpeed Insights ein echtes Gerät?
Bei der Analyse von PageSpeed Insights werden keine realen Geräte verwendet. PageSpeed Insights ruft eine Site mit einem Webkit-Renderer (der gleichen Rendering-Engine, die Chrome und Safari unterstützt) ab, der sowohl mobile Geräte als auch Desktop-Geräte emuliert.
Daher sollte die Bildschirmbreite kein Faktor sein, da sie in WebKit entsprechend gerendert wird.
Solange Sie eine gemeinsame Bildschirmbreite verwenden, sollte es Ihnen gut gehen. Wie im zentralen Webmaster-Blog von Google zu Responsive Design und Medienabfragen angegeben :
Die Standardbreite des Ansichtsfensters für den Standard-Android-Browser beträgt 800 Pixel und 980 Pixel für iOS.
Daher können Sie beide Zielbetriebssysteme 800px
für Querformat-Smartphones, Hochformat-Tablets und schmale Desktops sowie 479px
für Smartphones im Hochformat verwenden. Ein Beispiel aus dem Blog ist:
@media screen and (min-width:480px) and (max-width:800px) {
/* Target landscape smartphones, portrait tablets, narrow desktops
*/
}
@media screen and (max-width:479px) {
/* Target portrait smartphones */
}
Im Folgenden finden Sie eine Liste der Ansichtsfensterbreiten für bestimmte Geräte, falls Sie eine auswählen müssen: Ansichtsfenstergrößen
Wenn Sie alternativ Folgendes verwenden, wird das Ansichtsfenster automatisch auf die Standardbreite des Geräts eingestellt und sollte auch in PageSpeed Insights funktionieren:
<meta name="viewport" content="width=device-width, initial-scale=1">
Zusammenfassend lässt sich sagen, dass Ihre Bildschirmbreite in mobilen Browsern auch in PageSpeed Insights gut dargestellt werden sollte.
Die genaue Größe des Ansichtsfensters des PageSpeed Insights Checker variiert .
Dies dient wahrscheinlich dazu, ein wirklich ansprechendes Webdesign zu fördern, anstatt es für bestimmte Geräte zu optimieren.
Wenn die Größe des Ansichtsfensters festgelegt wurde, können Benutzer möglicherweise auf PageSpeed abzielen.
Sie können überprüfen, wie groß mein Ansichtsfenster ist. mit PageSpeed und sehen Sie die Größe des verwendeten Ansichtsfensters im Screenshot.
Wie in den Kommentaren und anderen Antworten angegeben, führt dies zu unterschiedlichen Ansichtsfenstergrößen.
Dies sagt natürlich nicht aus, ob die Algorithmen auf der Rückseite tatsächlich nur eine Breite des Ansichtsfensters von 1,024 px prüfen. Man müsste ein richtiges Experiment einrichten, das zB ein viel zu großes JPG @ 1.025 lädt, und prüfen, ob PageSpeed sich darüber beschwert.
quelle
Ich habe einen Test erstellt, den Sie ausführen können, um ihn zu überprüfen. Für mich waren es 412px für Handys und 1350px für Desktops:
Hier ist der Test: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.dompiler.com%2Fexperiments%2Fviewport-width.html
Hier ist der HTML-Code, den Sie verwenden können, wenn Sie Ihren eigenen Test erstellen möchten:
Alles, was es tut, ist das Hinzufügen von Text zum Hauptteil der Seite basierend auf
window.innerWidth
(dies ist die Breite des Ansichtsfensters).Ich stelle mir vor, dass sich diese Breite von Zeit zu Zeit ändert (und vielleicht sogar dynamisch oder zufällig), aber zumindest gibt dies Ihnen die Möglichkeit, sie regelmäßig zu überprüfen.
quelle