Wie kann man im Google PageSpeed ​​Insights Tool auf dem neuesten Stand sein?

Veröffentlicht: 2018-12-10

Inhaltsverzeichnis

  • Einführung
  • 1. Google Pagespeed Insights
  • 2. Google PageSpeed ​​Insights-Inferenzen
  • 3. Warum PageSpeed ​​wichtig ist
  • 4. Die Essenz von PageSpeed ​​Insights
  • 5. Welche Vorteile bietet die Verwendung von Google PageSpeed ​​Insights?
  • 6. Tipps für perfekte 100% bei Google Pagespeed Insights
  • 7. Schlussfolgerung

Einführung

Es ist immer ein gutes Gefühl, bei allem und jedem den Überblick zu behalten. Google Page Speed hat großen Einfluss auf die Leistung Ihrer Website. Google Page Speed ist die Ladegeschwindigkeit Ihrer Website im Allgemeinen. Sie müssen sicherstellen, dass Sie die Elemente reduzieren, die Ihre Website belasten. Auf diese Weise können Sie den Page Speed Ihrer Website erhöhen und einen hohen Rang erreichen. Dies trägt auch zum gesamten SEO-Ranking bei. Lassen Sie uns in diesem Artikel sehen, wie Sie die Essenz von Google Page Speed ​​Insights ableiten und die am besten geeigneten Algorithmen formulieren und implementieren, um im Google Page Speed ​​Test zu bestehen !

PageSpeed

1. Google Pagespeed Insights

Nach der Navigation von 900.000 Anzeigen stellten Analysten von Google Page Speed ​​Insights fest, dass die normale tragbare Präsentationsseite in demütigenden 22 Sekunden stapelt. Das ist mehr als ein Vielfaches länger, als die meisten ängstlichen Web-Clients durchhalten, bevor sie eine Seite aufgeben – 53 %, um richtig zu sein. Für den Fall, dass Ihre Seite mehr als 3 Sekunden braucht, um zu stapeln, verlassen Ihre Interessenten den größten Teil, bevor sie sie überhaupt sehen. Als ob das nicht schon schrecklich genug wäre, fanden die Seiteneinblicke heraus, dass mit jedem quälenden Moment, in dem eine Seite nicht gestapelt wird, viel mehr Gäste überspringen.

Mithilfe von Machine Learning in Innovation von SOASTA fanden Wissenschaftler einen Zusammenhang zwischen Ladezeit, Seitengewicht (Messung in Daten) und Transformationsrate. Grundsätzlich bedeutet „schwerer“ langsamer. Insbesondere wenn die Anzahl der Komponenten (Inhalte, Bilder usw.) auf einer Seite von 400 auf 6.000 erhöht wird, sinkt Ihre Chance, einen Gast zu wechseln, um 95 %.

Für den Fall, dass Ihre Seite jedoch allmählich gestapelt wird, ist es nicht in jedem Fall einfach, das Problem zu lokalisieren. Während das Ausmaß der Google Page Speed, die sich auf Inhalt und Anzahl der Bilder auswirkt, anfangs erkennbar ist, sind Probleme wie unnötiges JavaScript und zu viele Abwege nicht.

2. Google PageSpeed ​​Insights-Inferenzen

Google PageSpeed ​​Insights ist ein Tool, mit dem Sie schnell und mühelos die Geschwindigkeit einer Website-Seite testen können. Glücklicherweise ist es ein kostenloses Tool, mit dem Sie genau herausfinden können, was die Ladezeit Ihrer Seite moderiert. Wenn Sie eine URL eingeben und auf "Analysieren" klicken, erhalten Sie schnell einen detaillierten Bericht darüber, was diese Site-Seite in Abhängigkeit von zwei Parametern beeinträchtigt, einschließlich Vorschlägen für die beste Lösung.

  • Parameter 1: Zeit bis zur Überladung. Dies ist das Maß für die Zeit, die ein Programm benötigt, um den Inhalt direkt unterhalb des Falzes zu rendern, nachdem ein Client dies verlangt.
  • Parameter 2: Zeit bis zum vollständigen Laden der Seite. Dies ist die Zeit, die ein Browser benötigt, um eine Seite vollständig zu rendern, nachdem ein Client dies angefordert hat.

Wie bewertet PageSpeed ​​Insights Ihre Website? Es betrachtet die systemunabhängigen Teile der Seitenausführung: Serveranordnung, HTML-Struktur einer Seite und deren Verwendung externer Assets, beispielsweise Bilder, JavaScript und CSS.

Das Testen Ihrer Site mit PageSpeed ​​Insights kann jedem die Augen öffnen, der noch nicht versucht hat, seine Site zu verbessern, und außerdem bietet Page Insights eine außergewöhnliche Anfangsphase für diejenigen, die die Ausführung der Site verbessern möchten.

Allerdings kann es Sie auch in sinnlose Raserei versetzen, wenn eine Website beim Google Page Speed ​​Test niedrigere Werte als erwartet zurückgibt oder Empfehlungen widerspricht, die Sie auf Ihrer Website vorgenommen haben. Das Instrument basiert derzeit auf zwei Schlüsselmessungen:

1.Erste zufriedene Farbe
2.Erste Eingangsverzögerung

Die beiden obigen Parameter werden auf drei verschiedene Arten bewertet:

1.Schnell
2.Durchschnitt
3.Langsam.

Hier ist, was diese beiden Messungen im Klartext bedeuten.

2.1.Erster Contentful Paint (FCP)

FCP ist eine Ausarbeitung von "Erstmalen", einer Metrik, die schätzt, wann ein Rendering im Programm auftaucht (sogar eine Anpassung der Fundamentschattierung würde zum Beispiel überprüfen). Die FCP-Metrik schätzt die Zeit bis zu dem Zeitpunkt, an dem echte Substanz auf der Seite gestapelt wurde, und bietet Ihnen eine wertvollere Bewertung der Kundenbegegnung.

2.2.Erste Eingangsverzögerung (FIP)

Der FIP ist ein wichtiger Parameter des Google Page Speed ​​Tests und impliziert die Ladezeit einer Site. Dies ist im Wesentlichen die Zeitdauer von der Kommunikation eines Benutzers mit Ihrer Site bis zu dem Zeitpunkt, zu dem Ihr Browser tatsächlich mit der Kommunikation mit dem Browser beginnt.

3. Warum PageSpeed ​​wichtig ist

Wenn jemand auf Ihrer Website ankommt, haben Sie nur ein paar Augenblicke Zeit, um seine Aufmerksamkeit auf sich zu ziehen und ihn davon zu überzeugen, zu bleiben und nicht zu überspringen. Qualitativ hochwertige Substanz und ein attraktives Thema sind unabdingbar; Falls Ihre Seite jedoch allmählich stapelt, können Sie Personen verlieren, bevor sie überhaupt eine Gelegenheit erhalten, Ihre Substanz zu sehen.

Laut Kissmetrics erwarten fast 50 % der Web-Clients, dass eine Website in zwei Sekunden oder weniger gestapelt wird, und sie werden im Allgemeinen Ziele aufgeben, die nicht innerhalb von drei Sekunden gestapelt werden. Eine Summe von 79 Prozent der Online-Kunden, die Schwierigkeiten bei der Ausführung der Website haben, kommen nicht wieder auf die Webseite, um wieder einzukaufen, und etwa 44 Prozent von ihnen würden ihren Begleitern sagen, dass sie beim Einkaufen im Internet eine schlechte Tortur hatten, nämlich negative Auswirkungen auf Ihre Website. Deshalb ist PageSpeed sehr wichtig.

4. Die Essenz von PageSpeed ​​Insights

Während die Seitengeschwindigkeit eines von über 200 Zeichen ist, die Google verwendet, um das Gesamtranking zu bestimmen, und weniger als 1 Prozent der Jagdfragen von der Geschwindigkeitsmarkierung der Website beeinflusst werden, müssen Sie sich über Transformationen Gedanken machen.

Eine gute Site mit hohem Pagespeed wird Ihren Gästen Vertrauen in Ihren Artikel oder Nutzen schenken und sie dazu bewegen, ihr Geld abzugeben . Die Seitenausführung ist ein grundlegender Bestandteil jeder Site. Sie können eine extrem außergewöhnliche Substanz und eine ansprechend aussehende Site haben, aber für den Fall, dass das Stapeln zu lange dauert oder nicht vielseitig reagiert, werden Einzelpersonen schnell zu den Sites Ihrer Konkurrenten wechseln.

Erst dann erkennen Sie, dass es echt ist, weil wir das als Ganzes tun. Google PageSpeed ​​Insights kann aufschlüsseln , wie Ihre Site ausgeführt wird, und Antworten geben, um die Ausführung Ihrer Site, die Stack-Zeit und von da an die Grenzen zu erhöhen .

5. Welche Vorteile bietet die Verwendung von Google PageSpeed ​​Insights?

Hier ist eine Liste der Vorteile der Verwendung von Google PageSpeed ​​Insights

Vorteile der Verwendung von Google PageSpeed ​​Insights?

5.1. PageSpeed gibt einen außergewöhnlich detaillierten Bericht über seine Entdeckungen

Erhalten Sie einen Bericht, der zeigt, wie sich Ihre Website entwickelt und welche Änderungen (sofern grundlegend) Sie vornehmen müssen. Es bietet sowohl Untersuchungs- als auch Fortschrittsverwaltungen, die äußerst nützlich sind, um die Geschwindigkeit Ihrer Website zu erhöhen.

5.2. PageSpeed verbessert die Benutzererfahrung

Heutzutage verwenden zahlreiche Personen ihre Mobiltelefone, um Websites zu besuchen, und Sie können viel Verkehr verlieren, wenn Ihre Seite nicht mobil reagiert. Google PageSpeed ​​Insights erstellt einen eindeutigen Bericht über Ihre aktuelle Punktzahl und informiert Sie darüber, ob Ihre Seite mobile Stages berücksichtigt oder nicht. Sie können die Ausführungstipps verwenden, um die Ausführung sowohl im Arbeitsbereich als auch im mobilen Web zu verbessern

5.3. PageSpeed enthält zusätzliche Sprachen

Dieses Tool kann sehr einfach in verschiedenen Sprachen verwendet werden, zum Beispiel Russisch, Spanisch und Serbisch.

5.4. PageSpeed ist einfach zu bedienen

Google PageSpeed ​​Insights erwartet nicht, dass Sie Ihre Website bei Google betreiben oder ein Kunde von Google sind. Sie müssen keine Registrierungsrahmen abrunden, keinen Eintrag erstellen oder eine E-Mail-Adresse angeben, um sie zu verwenden.

5.5. PageSpeed ist kostenlos

Google PageSpeed ​​Insights kann weltweit absolut kostenlos genutzt werden. Sie müssen keinen einzigen Cent bezahlen, um dieses erstaunliche Tool zu verwenden.

6. Tipps für perfekte 100% bei Google Pagespeed Insights

Hier sind einige Tipps, die Sie anwenden können, um bei Google PageSpeed ​​Insights ein perfektes Ergebnis von 100 % zu erzielen .

Google PageSpeed-Insights.

6.1. DNS

Wir verwenden Cloudflare, aber nichts davon beschleunigt die Rationalisierung. Wir haben in unseren Tests festgestellt, dass es langsamer war. Für den Fall, dass Sie sich in einem Zustand der gegenseitigen Erleichterung befinden, wird Cloudflare höchstwahrscheinlich sehr hilfreich sein. Auf jeden Fall war es speziell für uns mit einem dedizierten Server besser, wenn alles ausgeschaltet war. Für den Fall, dass Sie keine Fähigkeiten oder Zeit haben, Cloudflare als Option einzuführen, können Sie unterstützende Anbieter wie WP-Engine, Presslabs, Pantheon.io nutzen. Sie arbeiteten im Server-Store und im CDN-Arrangement zusammen.

6.2. MFI

Mobile-First-Index - Dies ist derzeit eines der wichtigsten Kriterien für das SEO-Ranking. Wenn eine Website erstellt wird, muss sie so optimiert werden, dass sie auf Smartphones und anderen elektronischen Geräten angezeigt wird. Dies liegt daran, dass das Surfen heute hauptsächlich auf Mobiltelefonen stattfindet. Dabei ist es unabdingbar, dass Ihre Website entsprechend optimiert wird, da sie maßgeblich zum Google Page Speed ​​beiträgt.

6.3. Überschreiten der Server-Antwortzeit

Der Benchmark beträgt 0,2 Sekunden. Alles darüber und Google markiert Sie. Unsere Site läuft weiterhin auf einem hochspezifizierten Server mit einer Reihe von Datensätzen. Ein großer Teil dessen, was Sie online lesen, wird Ihnen empfehlen, zu einem schnelleren WordPress-Konto (mit Partner-Joins) zu wechseln, was der einfachste Weg ist, dennoch war ich nicht bereit, unseren eigenen Zustand aufzugeben, ohne es zumindest zu versuchen.

Nachdem ich viele Serveradministratoren erlebt hatte , habe ich alle sinnlosen Administrationen deaktiviert , die auf dem Server ausgeführt wurden , um die Erhöhung auf Pagespeed zu ermöglichen . Trotzdem hatte das keine große Wirkung.

Der größte Unterschied zur Verkürzung der Server-Reaktionszeit war die Umstellung auf PHP 7. Nicht alle Hosts unterstützen PHP 7, aber glücklicherweise, da wir unsere ganz eigenen Gebietsschemas haben, tun wir dies. Zusammengeführte Online-Berichte zeigen einen Geschwindigkeitszuwachs von 20 bis 50 Prozent bei der Umstellung auf PHP 7.

Ungeachtet des tatsächlichen Tarifs hatten wir die Anforderung für Pagespeed und mussten es testen. Falls Sie nicht wissen, welche PHP-Variante Sie verwenden, stellen Sie dieses Modul vor und Sie werden es in Ihrem „Auf einen Blick“ auf Ihrem Admin-Dashboard sehen.

Bevor Sie fortfahren, müssen Sie überprüfen, ob die Site gut ist. Glücklicherweise gibt es ein PHP Ähnlichkeit Prüfmodul Sie für Wordpress herunterladen können Ihren Code , die Blicke über und erkennt Probleme mit Umstellung auf PHP 7. Die Ergebnisse der Seite Insights , ein paar Dinge gezeigt, die erforderliche Pflege, die wir schnell behandelt .

Wir waren endlich bereit, auf PHP 7 umzusteigen. Um zu wechseln, gelangen Sie von WHM in den „Multi PHP Manager“, wählen die gewünschte Website aus und ändern die PHP-Version. Für den Fall, dass Sie sich nicht an WHM wenden, fragen Sie Ihre Serveradministratoren, stellen Sie jedoch sicher, dass Sie dies unter einer Test-/Fortschrittsbedingung tun – es ist nicht die beste Vorgehensweise, Ihre Produktions-Site zu zerstören.

6.4. Aktualisiertes Website-Design und -Layout

Grid-Layout ist in Bezug auf Website-Design und -Layout in aller Munde. In Bezug auf Google Page Speed ​​Insight hat das Rasterdesign weitere Vorteile. Außerdem stellte ich fest, dass meine Website mehr Highlights bot, als ich brauchte, also suchte ich nach einem einfachen, moderaten Thema. Ich entdeckte Frank, ein Thema, das speziell auf Geschwindigkeit ausgerichtet war. Die Standard-Landingpage des Elternteils führt neun Datenbankabfragen durch und umfasst nur zwei HTTP-Anfragen mit einem Gewicht von etwa 29 KB. Dieses Thema ist zu leichtgewichtig – keine JavaScript-Strukturen und keine überflüssigen Bilder, nur ein einfaches und responsives Thema. Im Zuge der Einführung von Franks Thema verringerte sich die Anzahl der HTTP-Anfragen, die zum Laden meiner Site erwartet werden, von 31 auf nur noch vier.

6.5. Homepage-Optimierung

Es gibt einige einfache Ansätze, um Ihre Site zusätzlich zu beschleunigen:

  • Wenn Sie Blogeinträge auf Ihrer Zielseite verteilen, verteilen Sie nur eine Auswahl oder Zusammenfassungen und reduzieren Sie die Anzahl der Geschenke auf fünf oder weniger.
  • Bewahren Sie Geräte auf einer Basis auf. Verwenden Sie einfach Gadgets, die absolut notwendig sind.
  • Entfernen Sie inaktive oder sinnlose Module.

Im Allgemeinen trägt eine makellose und zentrierte Site-Konfiguration dazu bei, dass Ihre Seite gut aussieht und PageSpeed ​​wird schneller.

6.6. Bildoptimierung

Hochauflösende Bilder brauchen viel länger zum Stapeln als aktualisierte Bilder, und überflüssiges Schleifen kann die Seitengeschwindigkeit definitiv verringern . WPMU DEV bietet ein fabelhaftes (kostenloses!) Modul namens WP-Smush.it. Wenn Sie mit diesem Modul Bilder in großen Mengen zermalmen, werden Sie feststellen, dass die Größe Ihrer Bilder enorm verringert wird, ohne die visuelle Qualität zu beeinträchtigen. Apropos Bilder, apathisches Stapeln von Bildern kann ebenfalls die Seitengeschwindigkeit erhöhen .

JPEG 2000, JPEG XR und WebP sind Bildformate, die im Vergleich zu ihren etablierteren JPEG- und PNG-Partnern bessere Druck- und Qualitätseigenschaften aufweisen. Das Kodieren Ihrer Bilder in diesen Anordnungen im Gegensatz zu JPEG oder PNG bedeutet, dass sie schneller geladen werden und weniger mobile Daten verbrauchen, was die Leistung von Google Page Speed ​​verbessert . WebP wird in Chrome und Opera unterstützt und bietet eine bessere verlustbehaftete und verlustfreie Komprimierung für Bilder im Web.

6.7. Nicht verwendete CSS zurückstellen

Ungenutztes CSS bremst die Entwicklung des Renderbaums eines Programms. Der Renderbaum ähnelt dem DOM-Baum, enthält aber tatsächlich zusätzlich die Stile für jeden Hub. Um den Renderbaum zu erstellen, muss ein Programm den gesamten DOM-Baum durchlaufen und prüfen, welche CSS-Regeln für jeden Hub gelten. Je mehr CSS ungenutzt ist, desto mehr Zeit benötigt ein Programm möglicherweise, um die Stile für jeden Knoten zu ermitteln, was sich negativ auf die Geschwindigkeit von Google Page Insight auswirkt .

6.8. Aktivieren Sie die Textkomprimierung und codieren Sie Bilder

Sie müssen auch Ihre Textdateien komprimieren, wenn Sie Ihre Google Page Speed optimieren möchten . Die Textkomprimierung ermöglicht schnellere Netzwerkübertragungen und damit eine bessere Erleichterung. Das Codieren von Bildern ist die Art der Datenkomprimierung, mit der Sie die Bildspeicherung und -übertragung komprimieren können.

6.9. CSS, HTML, JavaScript minimieren

„Minifying“ bezieht sich auf das Ausschließen sinnloser oder sich wiederholender Informationen, ohne die Handhabung der Seite durch das Programm zu beeinflussen, wodurch die Ergebnisse der Google Page Speed verbessert werden . Eine schlechte Codierung kann der Grund für dieses Problem sein, und es wird in der Regel auf verschiedene Weise gelöst.

Abgesehen vom physischen Studium des Quellcodes Ihrer Seite empfiehlt Google, die begleitenden Assets auszuprobieren:

  • Der HTML-Minifier zum Minimieren von HTML.
  • CSSNano und CSS zum Verkleinern von CSS.
  • UglifyJS2 und der Closure Compiler zur Minimierung von JavaScript.

Eine andere Möglichkeit besteht natürlich darin, AMP und AMP von Google für Werbesysteme zu nutzen . Die beiden Projekte ermöglichen es Ingenieuren, Seiten mit einer abgespeckten Form von HTML, CSS und JavaScript herzustellen. Das Ergebnis sind Seiten und Werbeaktionen, die sich in Sekundenschnelle häufen.

6.10. Vermeiden Sie Landing Page Redirects

Für den Fall, dass Ihre Seite nicht responsiv strukturiert wurde, kann das Ergebnis verschiedene Abzweigungen zu Seiten sein, die für verschiedene Gadgets erweitert wurden, was die PageSpeed ​​erhöht . Einige grundlegende Umleitungsdesigns, wie von Google angegeben:

  • com verwendet eine responsive Website-Architektur, es sind keine Umleitungen erforderlich – schnell und ideal!
  • com? m.example.com/home – Multi-Roundtrip-Bestrafung für vielseitige Kunden.
  • com? www.beispiel.com ? m.example.com – moderate vielseitige Erfahrung.

Jedes Mal, wenn ein Client umgeleitet werden muss, wird das Rendern der Seite beendet – wodurch die Heap-Zeit Ihrer Seite um wertvolle Sekunden verlängert wird. Halten Sie sich von innen und außen von Ablenkungen fern, indem Sie Ihre Seiten mit dem responsiven Plan erstellen – eine Technik, die qualitativ hochwertige Kundenkontakte garantiert, unabhängig davon, mit welchem ​​Gerät Ihr potenzieller Kunde arbeitet. Auf diese Weise werden die endgültigen Ergebnisse des Google Page Speed ​​Tests besser.

6.11. Beseitigen Sie Rendering-blockierendes JavaScript

Neben anderen Dingen ermöglicht JavaScript einige erstaunliche Geräte für Außenstehende und intuitive Seitenkomponenten. Das Problem dabei wird sein, dass es zusätzlich das Parsen von HTML-Code stoppt.

Wenn Sie eine Fehlermeldung mit dem Hinweis „Beseitigung blockierendes JavaScript“ sehen, bedeutet dies, dass ein Teil des JavaScript-Codes den Stapelvorgang für den oben stehenden Teil Ihrer Seite verzögert, was sich negativ auf die Ergebnisse des Google Page Speed ​​Tests auswirkt . Insbesondere externe Inhalte werden wahrscheinlich an diesem Problem schuld sein. Behandeln Sie es auf drei verschiedene Arten:

  • Skripte, die für den Stacking-Vorgang nicht kritisch sind, sollten absichtlich verschoben werden – und ausgeführt werden, nachdem die Seite vollständig gerendert wurde.
  • Skripte, die asynchron gehäuft werden, sollten mehr verwendet werden als solche, die synchron gehäuft werden. Synchrone Inhalte stoppen den Seitenrendering-Prozess, während nicht übereinstimmende Inhalte es einem Programm ermöglichen, zwischenzeitlich verschiedene Komponenten zu stapeln.
  • Erwägen Sie, den Inhalt einzubetten – indem Sie kleine externe JavaScript-Assets direkt in Ihren HTML-Bericht einbetten –, um die Anzahl der Anfragen zu verringern, die Ihr Programm machen muss.

Indem Sie versuchen, die oben genannten Schritte zu implementieren, verbessern sich die Gesamtergebnisse des Google Page Speed-Tests .

6.12. Browser-Caching nutzen

Es können unterschiedliche Anforderungen zwischen einem Server und einem Programm bestehen, bevor eine Seite für einen Client vollständig gestapelt wird. Soweit es die Zeit betrifft, schließt jeder ein. Das Speichern ermöglicht Ihrem Programm sozusagen; „erinnern“ Sie sich an bestimmte Komponenten, die in letzter Zeit gestapelt wurden – Header, Route, Logo usw. Je mehr Komponenten das Programm speichern kann, desto weniger Komponenten müssen in der Minute gestapelt werden , in der der Client eine Anforderung stellt, und desto schneller wird eine Seite gestapelt, was die PageSpeed ​​erhöht . Google schreibt eine mehrwöchige Basisreservierungsstrategie vor, und für Komponenten, die im Allgemeinen unverändert bleiben, ist ein Jahr ideal.

7. Schlussfolgerung

Das Web ist immer dichter geworden und Sie können Ihre Lorbeeren nicht in der Hoffnung niederlegen, berühmt und effektiv zu sein, wenn Ihre Site moderat läuft oder nicht so spielt, wie sie sollte. Die Vorschläge von Google PageSpeed ​​Insights hängen von den Best Practices der Flow-Branche für den Arbeitsbereich und die vielseitige Webausführung ab. Halten Sie also nicht nach und nach mehr Zuschauergruppen an, erweitern Sie die Ausführung Ihrer Website und die Webindex-Positionierung und verbessern Sie die Hintergrundinformationen Ihrer Gäste. Sie kennen jetzt diese ganze Aufregung über Google PageSpeed ​​Insights gut .

Verwenden Sie die oben genannten Tipps und Sie werden wahrscheinlich einige gute Ergebnisse und positive Veränderungen sehen. Denken Sie auch daran, dass Rom nicht an einem Tag gebaut wurde, also müssen Sie etwas Zeit geben, bevor Sie endgültig beurteilen können, ob die Schritte, die Sie zur Verbesserung Ihres Google PageSpeed ​​Insight Testergebnisses unternommen haben, funktionieren oder nicht.