Wissenspunkte im Zusammenhang mit der Optimierung der Website-Leistung

Die in diesem Artikel erwähnte Website-Leistung bezieht sich auf die Reaktionsgeschwindigkeit der Website, was auch mit dem Verständnis der meisten Menschen über die Website-Leistung übereinstimmt: Eine Website mit schnellem Zugriff hat eine gute Leistung. Im Gegenteil, die Zugriffsgeschwindigkeit ist umso langsamer , desto schlechter ist die Website-Performance. Die in diesem Artikel zusammengefassten Optimierungsmethoden sind Engineering-Methoden auf Makroebene und umfassen keine Methoden auf der Sprachsyntax auf Mikroebene. Beispielsweise wirkt sich dieser Teil auch auf die Leistung der Website aus Die Ebene der Sprachsyntax ist wichtiger. Sie hängt von der Programmierebene des Entwicklers ab.

Welche Art von Website reagiert schnell? Tatsächlich kann man leicht annehmen, dass die Website umso schneller reagiert, je weniger Ressourcen sie zum Laden benötigt. Dies entspricht den beiden Hauptrichtungen der Website-Performance-Optimierung: Ressourcen-Caching und Ressourcen-Zusammenführung und -Komprimierung. Nachdem der Browser das Laden der Ressourcen abgeschlossen hat, muss er die Ressourcen vor dem Rendern der endgültigen Webseite weiter analysieren. Daher ist der Analysemechanismus des Browsers auch eine Richtung zur Optimierung der Website-Leistung. In diese drei allgemeinen Richtungen lassen sich verschiedene Optimierungsverfahren einteilen.

1. Ressourcen-Caching

1.1 Verwenden Sie CDN

, um die statischen Ressourcen der Website zu trennen, z. B. statisches HTML, Bild, Stil-CSS, Skript-JS usw. , und stellen Sie die statischen Ressourcen bereit. Mithilfe von CDN kann das Laden dieser Ressourcen erheblich beschleunigt werden.

1.2 HTTP-Caching-Mechanismus nutzen

HTTP-Caching speichert die vom Browser lokal geladenen Ressourcen. Beim nächsten Laden können die lokalen Ressourcen verwendet werden, solange die zwischengespeicherten Ressourcen nicht abgelaufen sind direkt, wodurch die Anzahl der HTTP-Anfragen reduziert und das Laden der Ressourcen beschleunigt wird. Die spezifische Methode besteht darin, den Cache-Control-Parameter im HTTP-Header festzulegen. HTTP 1.0 verwendet zum Caching zwei Parameter, Pragma und Expires, deren Verwendung jedoch nicht mehr empfohlen wird.

2. Zusammenführen und Komprimieren von Ressourcen

2.1 HTTP-Anfragen reduzieren

Verwenden Sie eine HTTP-Anfrage, um eine 10-Millionen-Datei zu laden, und teilen Sie die Datei in 10 1-Millionen-Dateien auf. Die Datei wird geladen parallel zu 10 HTTP-Anfragen. Welche Methode kann den Ladevorgang schneller abschließen? Da erwähnt wird, dass die Reduzierung von HTTP-Anfragen die Antwortgeschwindigkeit einer Website verbessern kann, scheint die Schlussfolgerung zu sein, dass die Verwendung einer einzigen HTTP-Anfrage schneller ist. Tatsächlich lautet die richtige Antwort: Nicht unbedingt!

Ich habe ein kleines Experiment durchgeführt: Es gibt zwei HTML-Dateien, index1.html und index2.html, index1.html verwendet ein

• Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
• Detaillierte Erläuterung des JavaScript-Funktions-Curryings
• Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
• Angularjs integriert WeChat UI (weui)
• Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse