Heim > Artikel > Web-Frontend > Wie Sie die Ladezeit einer Seite besser verkürzen können
Wie Sie die Ladezeit von Seiten besser verkürzen können, finden Sie im Folgenden 19 Methoden. Nur als Referenz können interessierte Freunde einen Blick darauf werfen.
1. Die Anzahl wiederholter HTTP-Anfragen sollte so weit wie möglich reduziert werden
(1) Reduzieren Sie die Anzahl der Aufrufe zu anderen Seiten und Dateien.
(2) Sprite
2. Platzieren Sie die Definition des CSS-Stils im Header der Datei
Diese Einstellung ist für Benutzer mit langsamem Netzwerk oder großen Webinhalten geeignet. Die Situation ist günstiger und die Formatinformationen können beibehalten werden, während die Webseite nach und nach gerendert wird, ohne dass die Schönheit der Webseite beeinträchtigt wird.
3. Fügen Sie Javascript-Skript am Ende der Datei ein
4. Komprimieren Sie Javascript- und CSS-Code
5. Verwenden Sie die CDN-Netzwerkbeschleunigung (Content Delivery Network)
Es gibt viele Unternehmen in China, die CDN-Beschleunigungsgeschäfte betreiben. Vereinfacht ausgedrückt geht es darum, Ihre Bilder und Videos an Orte zu verbreiten, die das CDN-Netzwerk erreichen kann, sodass Benutzer diese Dateien bei ihrem Besuch in der Nähe herunterladen können Der Zweck besteht darin, das Netzwerk zu beschleunigen und gleichzeitig die Belastung Ihrer eigenen Website zu verringern.
6. Aktivieren Sie die gzip-Komprimierungsfunktion auf dem Server
Durch Komprimieren der zu übertragenden Dateien und anschließendes Übertragen dieser Dateien auf den Client und anschließendes Dekomprimieren wird die über das Netzwerk übertragene Datenmenge erheblich reduziert. Apache und Nginx können direkt auf dem Server aktiviert werden. Sie können den Übertragungsdatei-Header auch direkt festlegen und GZIP-Einstellungen hinzufügen. Sie können ihn auch direkt über das Lastausgleichsgerät festlegen. Allerdings ist zu beachten, dass diese Einstellung die Belastung des Servers leicht erhöht. Websites, deren Serverleistung nicht sehr gut ist, sollten sorgfältig geprüft werden.
7. Ajax verwendet Cache-Aufrufe
Ajax-Aufrufe verwenden alle Cache-Aufrufe und werden im Allgemeinen mithilfe zusätzlicher Funktionsparameter implementiert. Beachten Sie das
6c73a3f86b50c6fceb7b4c85fa4cca3b-Elemente so weit wie möglich , und wir können es vollständig durch < ;div> ersetzen.
18. Vermeiden Sie die Verwendung von CSS-Skripten (CSS-Ausdrücke) Manchmal können Sie CSS-Ausdrücke verwenden, um die Parameter von CSS dynamisch zu ändern, aber dies wird die Gewinne und Verluste überwiegen und macht den Client-Browser Die Belastung wird offensichtlich erhöht, daher wird dies nicht empfohlen. Wenn Änderungen erforderlich sind, können Sie dazu Javascript-Skripte verwenden.19. Dateiablauf oder Cache-Header hinzufügen
Für Bilder, Js-Skriptdateien usw., auf die häufig von demselben Benutzer zugegriffen wird, können Sie die Pufferzeit in Apache oder Nginx festlegen, z. B. durch Festlegen von a Ablaufzeit von 24 Stunden, damit der Benutzer auf die Seite zugreifen kann. Wenn Sie diese Seite erneut besuchen, werden dieselben Bilder oder JS nicht erneut heruntergeladen, wodurch HTTP-Anforderungen reduziert werden, die Benutzerzugriffsgeschwindigkeit offensichtlich verbessert wird und der Server Die Belastung wird ebenfalls reduziert.
Standort ~ .*.(gif|jpg|jpeg|png|bmp|swf)$
{
läuft 30 Tage ab;#Set 30 Tage Ablauf
}
Standort ~ . *.(js|css)?$
{
läuft 1 Stunde ab;#Set 1 Stunde Ablauf
}
Das obige ist der detaillierte Inhalt vonWie Sie die Ladezeit einer Seite besser verkürzen können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!