So optimieren Sie die Website-Performance

Die Optimierung der Website-Leistung umfasst: 1. Reduzieren Sie für Inhalte HTTP-Anfragen, reduzieren Sie DNS-Anfragen und vermeiden Sie Weiterleitungen. 2. Verwenden Sie für Server CDN, verwenden Sie die Gzip-Komprimierung und vermeiden Sie img-Tags mit leerem src. Reduzieren Sie in Bezug auf Cookies die Anzahl der Cookies.

1. Inhalt

HTTP-Anfragen reduzieren: Dateien, CSS-Sprites, Inline-Bilder zusammenführen

DNS reduzieren Abfrage: Der Browser kann keine Dateien von diesem Host herunterladen, bevor die DNS-Abfrage abgeschlossen ist. Methoden: DNS-Cache, Ressourcen auf eine angemessene Anzahl von Hostnamen verteilen, parallele Downloads und DNS-Abfragen ausgleichen

Weiterleitungen vermeiden: redundant Mittel Zugriff

AJAX-Caching verwenden

Verzögertes Laden nicht wesentlicher Komponenten

Vorabladen künftig erforderlicher Komponenten

Reduzieren Sie die Anzahl der DOM-Elemente

Platzieren Sie Ressourcen unter verschiedenen Domänen: Der Browser kann eine begrenzte Anzahl von Ressourcen gleichzeitig von einer Domäne herunterladen. Durch das Hinzufügen von Domänen kann die Anzahl paralleler Downloads erhöht werden

Reduzieren Sie die Anzahl der Iframes

Nicht 404

2. Server

Verwenden Sie CDN

, um Abläufe oder Cache-Kontrolle hinzuzufügen: Wenn Cache-Kontrolle und Abläufe gleichzeitig vorhanden sind , Cache-Control überschreibt Expires. Verwandte Links

Gzip-Komprimierung verwenden

Etag konfigurieren

Puffer früh leeren

Ajax verwendet GET für Anfragen

Img mit leerer Quelle vermeiden Tags

3. Cookie-Aspekte

Cookies reduzieren

Keine Cookies in Domainnamen einschließen, die Ressourcen einführen

4. CSS-Aspekte

Legen Sie das Stylesheet nach oben

Verwenden Sie keine CSS-Ausdrücke

Verwenden Sie nicht @import

Verwenden Sie nicht den IE-Filter

5. JavaScript

Platzieren Sie das Skript am Ende der Seite

Führen Sie JavaScript und CSS von außen ein

Komprimieren Sie JavaScript und CSS

Unnötige Skripte löschen

DOM-Abfragen reduzieren

Ereignis-Listener richtig gestalten

6. Bilder

Bilder optimieren: Farbtiefe entsprechend auswählen an tatsächliche Farbanforderungen, Komprimierung

CSS-Sprites optimieren

Bilder in HTML nicht strecken

Stellen Sie sicher, dass Favicon und ICO klein und zwischenspeicherbar sind

Mobile Aspekte

Garantierte Komponenten sind weniger als 25 KB

Komponenten in ein mehrteiliges Dokument packen

Das obige ist der detaillierte Inhalt vonSo optimieren Sie die Website-Performance. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!