Wie kann ich die Ladezeit der Seite und die Seitengröße verringern?


Antwort 1:

BackEnd -

Die Optimierung des Backends hängt davon ab, welchen Technologie-Stack Sie verwenden. Messen Sie, wo sich die Engpässe auf dem Server befinden, und beginnen Sie dann mit der Optimierung

Tools wie New Relic können in dieser Hinsicht hilfreich sein, aber es gibt auch andere Routen, z. B. Abfrageprotokolle in MySQL, Hinzufügen von Zeitaufwand für die Apache-Konfiguration, Protokolle, Verwendung von xdebugs, Profiler usw.

Vorderes Ende

1) Bilder

Ein großer Fokus für unsere Leistung ist

Bilder optimieren.

Verwenden Sie geeignete Dateiformate mit den richtigen Abmessungen. Kombinieren Sie mehrere Bilder zu Sprite. Verwenden Sie kleine Image-Maps

Inline-Bilder

(

Daten

: URL-Schema

), verwendet verlustfreie Komprimierung für Bilder, verzögertes Laden, Nachladen unterhalb der Falzinhaltsbilder.

2) Javascript

vermeiden und

Minimieren Sie die Verwendung des Blockierens von JavaScript

. Halten Sie kritisches kleines Javascript inline, was für oberhalb der Falte unerlässlich ist. postload alle js, die nicht über dem fiold Inhalt benötigt werden. Um zu verhindern, dass externe JS den Parser blockieren, verwenden Sie das asynchrone Tag

Putten

Stylesheets im TOP

Ermöglicht das progressive Rendern der Seite.

4) Minimieren Sie HTTP-Anforderungen

Um die Anzahl der HTTP-Anforderungen zu verringern, kombinieren Sie alle kleinen Skriptdateien zu einem einzigen Skript und kombinieren Sie auf ähnliche Weise alle CSS-Dateien zu einem einzigen Stylesheet.

5) Verwenden

Content Delivery Network.

6) Minimieren Sie JavaScript- und CSS- und Gzip-Komponenten

7) Teilen Sie Komponenten in mehrere Domänen auf, um parallele Downloads zu maximieren

8) Vermeiden Sie leere Bildquellen und reduzieren Sie die Cookie-Größe

9) Laden Sie Tags, Analysen, Retargeting, Anzeigen und soziale Widgets von Drittanbietern nach.

10) Verwenden Sie die Mindestanzahl an Schriftdateien und CSS

Suchen nach

kritischer Renderpfad

auf google und lesen

Artikel

Führen Sie grundlegende Webleistungsprüfungen durch

mit frei verfügbaren Web-Performance-Tools wie Google PageSpeed,

Website-Leistung und Optimierungstest


Antwort 2:

80 bis 90 Prozent der Endbenutzerzeit werden für das Frontend aufgewendet. Um Ihre Website schneller zu machen, versuchen Sie, einige Maßnahmen wie 1 zu befolgen. Java-Skripte auf Ihrer Site müssen zuletzt geladen werden, dh sie müssen nach mir platziert werden Dies liegt daran, dass die verbleibenden Dateianforderungen / -downloads blockiert werden, die zum Rendern Ihrer Site erforderlich sind. 2. Minimieren Sie die Anzahl der Anforderungen (CSS / JS / Images-Dateien) wie möglich. Im Allgemeinen 4-8 Assets (Images / JS / CSS) / fonts) werden parallel von derselben Domain heruntergeladen.3. Senden Sie so wenig Daten wie möglich, indem Sie sie komprimieren. Entfernen Sie auch unnötige CSS-Stile und JS-Dateien. Verwenden Sie minimierte Versionen von CSS- und JS-Dateien. Platzieren Sie alle CSS-Dateianforderungen oben, z Verwenden Sie Sprites, dh kombinieren Sie mehrere Symbole in einem größeren Bild, um die Anzahl der Anforderungen zu verringern. 5. Verteilen Sie Ihre Assets auf mehrere Domänen. Verwenden Sie nach Möglichkeit Parallelisierung. Verwenden Sie nach Möglichkeit CDNs. Verwenden Sie beispielsweise jquery-CDNs.

Ich hoffe das ist hilfreich :)


Antwort 3:

Zunächst würde ich Ihnen empfehlen, sich an ein Software-Testunternehmen zu wenden, um die Ladezeit Ihrer Website vollständig zu analysieren.

Um die Ladezeit zu verkürzen, sollten Sie die Größe der Bilder minimieren, CSS und JS minimieren. Wenn nichts funktioniert, versuchen Sie, alle Javascript-Dateien in einer zu kombinieren.

Website-Leistung und Lasttests | Indium Software USA


Antwort 4:

Ich werde meine Antwort auf Bilder konzentrieren, da fast zwei Drittel des Webinhalts aus ihnen bestehen.

Das ist ein zu großer Faktor, um ihn zu ignorieren.

Es gibt einige Gründe, warum Bilder die Ladezeit Ihrer Seiten verlangsamen können. Zum Glück sind sie recht einfach zu handhaben.

Zunächst sollten Sie zu gehen

PageSpeed ​​Insights

und testen Sie Ihre Website, um herauszufinden, ob Ihre Bilder problematisch sind.

***.

1. Das Laden zu großer Bilddateien kann lange dauern

Um dies zu beheben, finden Sie das Optimum

Bildschirmgröße

&

Auflösung.

Entscheiden Sie sich für eine gute Breite und Höhe für die Bildanzeige auf verschiedenen Endbenutzergeräten wie Desktop, Laptop, Tablet, Smartphone.

Ein Standard-15-Zoll-Laptop-Bildschirm verfügt über eine Anzeigefähigkeit von etwa 100 PPI (Pixel pro Zoll) oder DPI (Punkte pro Zoll). Es macht keinen Sinn, Bilder mit einer Auflösung von 300 DPI bereitzustellen.

JPEG, GIF und PNG sind die Standarddateiformate, mit denen Bilder komprimiert werden können, um eine geringere Anzahl von Bytes zu belegen, wodurch die Größe der herunterzuladenden Datei verringert wird. Diese drei Dateitypen könnten jedoch weiter optimiert werden, indem der unnötige Overhead reduziert wird, der mit den Bildern in Form von Metadaten gespeichert wird.

2. Laden Sie HTML, CSS, JavaScript und Bilder synchron

Wenn Ihre Webseite synchron HTML, CSS, JavaScript und Bilder zusammen lädt, kann die anfängliche Renderzeit sehr hoch sein.

Beheben Sie dies, indem Sie das Laden von Bildern verschieben. Laden Sie sie asynchron, nachdem das erforderliche CSS und HTML gerendert wurde. Die Bilder können unter der Falte platziert und unter Verwendung von JavaScript bedingt geladen werden, wenn der Besucher zum entsprechenden Teil der Seite scrollt.

3.

Zu viele Bilder und HTTP-Anfragen

Zu viele Bilder auf der Webseite erhöhen nicht nur die Ladegröße, sondern können auch die Verbindung zum Server unterbrechen, indem mehr als die zulässigen HTTP-Anforderungen gesendet werden.

Hierfür gibt es einige Lösungen, einschließlich der Reduzierung der Anzahl der Images, der Verwendung eines CDN und der Aktualisierung Ihres Servers.

***.

Wenn Sie die Anzahl der Bilder nicht reduzieren können oder alles ausprobiert haben, ohne zufriedenstellende Ergebnisse zu erzielen, lesen Sie diesen Beitrag

für ein paar weitere Techniken, die Sie zum Laufen bringen sollten!


Antwort 5:

Was sind die üblichen Schuldigen an langsamen Seiten?

Sperrige Bilder und schlechter Code werden traditionell als Hauptfaktoren angesehen, die das Problem verursachen.

  • Große Bilder sind häufig der Hauptgrund für das langsame Laden von Webseiten. Wenn Sie die Site-Bilder nicht optimieren, besteht die Gefahr, dass die Seiten mehrere Megabyte Speicherplatz belegen.
  • Außerdem können das Thema und große Dateien darüber hinaus die Dinge verlangsamen.
  • Hosting kann der Grund für den Verlust der Ladegeschwindigkeit sein.
  • Plugins, Anwendungen, Widgets und Skripte von Drittanbietern können die Site verlangsamen.
  • Weiterleitungen sind ebenso erwähnenswert wie JavaScript, da dies wichtige Punkte sind.

All diese Faktoren können die Geschwindigkeit der Website zusammen oder unabhängig voneinander beeinflussen. Deshalb ist es wichtig, die Tools zu kennen, die für die Analyse verwendet werden müssen, und die Metriken, auf die Sie achten müssen. Nicht weniger wichtig sind die Mittel und Wege, um die Leistung Ihrer Website zu verbessern.

Quelle: LoadStorm

Lassen Sie uns nun die angewandten Methoden zur Verbesserung der Leistung Ihrer Website auf Computern und Mobilgeräten behandeln.

1. Minimierung anwenden

Sie können Ihre Google-Punktzahl erheblich verbessern, indem Sie den Platz minimieren, den Ihre HTML-Codierung einnimmt. Der Prozess der Minimierung hilft hier sehr, indem unnötige oder doppelte Daten repariert und entfernt werden. Obwohl Code geändert, formatiert, gekürzt oder entfernt werden muss, wenn dies erforderlich ist, muss man kein Genie der Entwicklung sein, um dies zu realisieren. Es gibt bemerkenswerte WP-Plugin-Optionen und Tools für diesen Zweck,

Minimieren

eins auf ihnen sein.

2. Optimierung der Ladezeit des Website-Images

Die Benutzer mögen es nicht, wenn sich dieser Kreis dreht, während ein Bild geladen wird, sodass die frustrierten Besucher möglicherweise einfach verschwinden. Um dies zu vermeiden, wählen Sie das richtige Format oder komprimieren Sie Site-Bilder. Es gibt viele Tools, das WP Smush Image Plugin oder die Squoosh Web App, um nur einige zu nennen.

Andererseits ist es wichtig sicherzustellen, dass die Bilder nicht zu klein, ungenau oder pixelig sind. Sie können dann Ihre Professionalität oder Glaubwürdigkeit beeinträchtigen. Testen Sie daher verschiedene Bildgrößen auf allen Bildschirmen, um sicherzustellen, dass alles richtig angezeigt wird.

3. Implementieren Sie AMP

Beschleunigte mobile Seiten sind die Option, Ihrer Website auf Mobilgeräten eine blitzschnelle Geschwindigkeit zu verleihen. Sie sind Alternativen zu normalen Websiteseiten mit den wichtigsten Informationen. Als vereinfachte Version der ursprünglichen Site verfügt AMP nicht über viele Formatierungen. Darüber hinaus kann auf mehrere Artikel zugegriffen werden, ohne eine einzige Seite zu verlassen oder auf die Schaltfläche "Zurück" zu klicken.

«AMP für WP»

ist das einfachste Werkzeug, um AMP-freundlich herzustellen

content.it

Ermöglicht das Ziehen und Ablegen von Seitenelementen.

4. Holen Sie sich die Website zwischengespeichert

Mit relativ geringem Aufwand können Sie durch Browser-Caching einen guten Einfluss auf die Seitengeschwindigkeit erzielen.

Jedes Mal, wenn ein Benutzer Ihre Site besucht, muss jedes Bild- und Seitenelement geladen werden. Anschließend folgen HTML und Codierung. Diese Vorgänge werden jedes Mal wiederholt, wenn die Site durchsucht wird. Durch das Zwischenspeichern des Browsers kann die Ressource jedoch bei jedem Benutzerbesuch nicht mehr neu geladen werden. Die bereits zuvor geladenen Elemente, z. B. Logos, Fußzeilen usw., werden nur abgerufen. In der Regel wird bei der Implementierung der Einlösung ein starker Anstieg der Ladegeschwindigkeit des Standorts beobachtet. Für die Websites auf WordPress können Sie das W3 Total Cache-Plugin ausprobieren und das Ergebnis genießen.

5. Beheben Sie die Fehler 404

Die 404-Fehler frustrieren nicht nur die Benutzer der Website, sondern belegen auch den Platz, der für Inhalte verwendet werden kann, und verlangsamen die Website.

Durch das Entfernen solcher Seiten oder das Erstellen einer Weiterleitung zu anderen Site-Abschnitten können Sie Geschwindigkeit und wertvollen Datenverkehr sparen.


Antwort 6:

Ich musste an mehreren Standorten arbeiten, an denen die Leistung ein Problem darstellte, und an anderen, an denen die Antwortgröße sehr groß war. Anstatt nur einige der offensichtlicheren Vorschläge aus den folgenden oder den gefundenen Antworten zu wiederholen

Hier

Dies sind einige der weniger verbreiteten Methoden, die ich gefunden habe:

Verringerte Seitengröße (dies verringert auch die Ladezeit der Seite)

  • Verwenden Sie gültige HTML-Markup-Regeln, um unnötige Markups zu entfernen. Dazu gehören das Trimmen optionaler Tags und das Nichteinschließen unnötiger Attributzitate (für die W3C-Dokumentation klicken Sie hier). Dies ist besonders hilfreich, wenn Sie große Tabellen oder Dropdown-Menüs haben.
  • Wenn Sie eine Vorlagen-Engine wie Smarty verwenden, stellen Sie sicher, dass Leerzeichen aus foreach-Schleifen entfernt werden (ja, diese Leerzeichen mit „Lesbarkeit“ sind in der Antwortausgabe enthalten).
  • Überprüfen Sie alle Ihre Titel-Tags, um sicherzustellen, dass sie so präzise wie möglich sind.
  • Wenn Ihr Tag keine ID benötigt, fügen Sie diese nicht hinzu. Legen Sie Stile nach Möglichkeit mithilfe von Kombinatoren fest (z. B. div> p, anstatt ein untergeordnetes Element anzugeben eine ID).
  • Wenn Sie verzweifelt sind, kürzen Sie die Klassen- / ID-Namen für die Zeilen oder Tabellenzellen sehr großer Tabellen.

Verringerte Ladezeit der Seite

  • Stellen Sie sicher, dass alle Ihre Backend-Abfragen so optimiert wie möglich sind. Dies umfasst das Hinzufügen von Indizes für Abfragen und das Abrufen der Mindestmenge an erforderlichen Daten (z. B. NICHT AUSWÄHLEN *, es sei denn, dies ist erforderlich). Dies reduziert die Zeit bis zum ersten Byte.
  • Verwenden Sie verzögerte Ladetechniken, um das Laden von JS- und CSS-Dateien zu vermeiden, bis dies unbedingt erforderlich ist.
  • Ersetzen Sie Bilder nach Möglichkeit durch GlyphIcons oder FontAwesome.
  • Stellen Sie sicher, dass auch gelegentlich zwischengespeicherte Dateitypen (über .htaccess oder CDN) (wie .woff und .eot) zwischengespeichert werden.
  • Verwenden Sie ein Tool wie CSSBurner, um redundante und ansonsten unnötige Markups in Ihrem CSS zu finden und die Ladezeiten von .css zu verkürzen.
  • Verwenden Sie nach Möglichkeit reines Javascript anstelle von jQuery / AngularJS usw. - Javascript ist viel schneller. Beachten Sie, dass die Effekte im Allgemeinen nur für eine große Anzahl von Iterationen signifikant sind.

Antwort 7:

Einer der wichtigen Faktoren, mit denen die Ladezeit der Webseite reduziert werden kann, ist die Optimierung. Eine optimierte Webseite erweist sich nicht nur als reaktionsschnelle Website, sondern verkürzt auch die Ladezeit der Webhosting-Server. Die Optimierung der Webseite ist nicht nur auf diejenigen ausgerichtet, die die Seite auf einer engen Spur anzeigen, sondern auch auf diejenigen, die ihre Website für ein schnelleres Verbindungsnetzwerk anzeigen müssen.

Man muss einen guten Webhost wählen, um die maximale Leistung seiner Website zu erzielen. Es gibt Hunderte von Website-Hosting-Anbietern, daher muss man den Webhost mit größter Vorsicht auswählen und studieren.

MAXIMALE LEISTUNG MIT HOSTINGRAJA VPS SERVER

Es gibt nur wenige wichtige Möglichkeiten, wie Sie die Ladezeit der Website verkürzen können.

Ändern der Größe und Optimieren der Bilder

Die Optimierung der Bilder ist eine der einfachsten Möglichkeiten, mit der Sie die Größe der Webseite sowie die Ladezeit verringern können. Die Bilder der Website verbrauchen viel Bandbreite, was sich auf die Ladezeit der Website auswirkt. Hier ist die Größenänderung der Website und der Bilder in HTML nicht die einzige Lösung, da dadurch die Größe des Bildes nicht geändert wird. Es gibt einige externe Tools, mit denen Sie die Bildgröße ändern können. Sie können auch die Bildoptimierung verwenden, mit der die Größe verringert wird, ohne dass die Bildqualität beeinträchtigt wird.

Verwendung von CDN zur Optimierung der Website

Wenn es ein CDN gibt, das für die Website verwendet wird, bedeutet dies, dass Ihre Website auf einer unterschiedlichen Anzahl von Servern in verschiedenen Teilen der Welt verteilt wird. Wenn eine Anfrage zum Anzeigen der Website gestellt wird, erhalten sie die Daten von den Servern, die sich am nächsten Standort befinden. Es gibt viele große Server, die das CDN ausführen, indem sie sicherstellen, dass die Website eine viel bessere und schnellere Leistung erbringt.

Indem Sie die Videos auf der Webseite vermeiden

Es gibt einige Videodateien, die manchmal sehr groß sein können. Hier ist das Hochladen der Videos auf die Webseite eine hektische Aufgabe. Es ist besser, kein selbst gehostetes Video für die Website zu verwenden, sondern Sie können die Video-Websites von Drittanbietern wie YouTube auf Ihrer Website verwenden.

Durch Umschalten der Plugins bei Nichtgebrauch

Wenn Sie viele Plugins für eine Website verwenden, besteht die Möglichkeit, dass die Website sehr langsam wird. Am besten löschen oder deaktivieren Sie die nicht verwendeten Plugins.