Heim > Artikel > Backend-Entwicklung > So verbessern Sie die Ladegeschwindigkeit von Webseiten in PHP
Dieser Artikel stellt hauptsächlich vor, wie man die Ladegeschwindigkeit von Webseiten in PHP verbessert. Jetzt kann ich ihn mit Ihnen teilen.
1 :
Aus Sicht der WEB-Betriebsprinzipien sind IIS-Anfragen immer zustandslos. Wenn Serveranfragen reduziert werden können, wird die Gesamtzeit verkürzt.
Als ich zuvor das Bild der Anmeldeseite von 163 Mailbox heruntergeladen habe, stellte ich fest, dass nur ein Bild verwendet wurde, um alle Bilder auf der gesamten Seite zu vervollständigen die Websites, die ich normalerweise erstelle. Wenn Sie dies jedoch tun, um die Anzahl der Browseranfragen zu reduzieren, werden Sie bei Verwendung von httpwatch feststellen, dass die Gesamtanfragezeit erheblich verkürzt wird. Aus dem gleichen Grund sollten Sie beim Erstellen von CSS-Stilen und Javascript-Codes diese so weit wie möglich in einer Datei zusammenfassen, um WEB-Anfragen zu reduzieren.
2. Die Seitenkomprimierungstechnologie ermöglicht es uns, JS- und HTML-Codes zu verschlanken.
Jquery ist die leichteste Klassenbibliothek von JS. Die ursprüngliche Klassenbibliothek ist 242 KB groß, aber nach der Komprimierung ist sie nur 91,6 KB groß. Zu den gängigen Komprimierungstools gehören Google Closure Compiler, YUI Compressor, JsPacker und gzip. Normalerweise verwende ich gzip, weil es die höchste Komprimierungsrate hat. Nach der Komprimierung mit JDK werden einige Leerzeichen entfernt und unsere langen Variablennamen durch kurze Buchstaben ersetzt.
3. Trennung von Stil, Verhalten und Struktur.
Beim ersten Besuch der Seite kann der Benutzer den CSS- und JS-Code herunterladen. Dies verlangsamt zwar beim ersten Mal die Ladegeschwindigkeit der Webseite, nachfolgende Seiten werden jedoch viel schneller sein. Wenn Benutzer andere Seiten dieser Website besuchen, verweisen auch andere Seiten auf diesen CSS-Stil und JS-Code. Der Browser stellt fest, dass es heruntergeladen wurde und muss es beim nächsten Mal nicht herunterladen. Dadurch wird der Effekt eines Downloads und anschließender Geschwindigkeit erzielt.
4. Gespeicherte Prozeduren verwenden
Vor der Ausführung der gespeicherten Prozedur hat die Datenbank deren Grammatik und Syntax analysiert und einen optimierten Ausführungsplan bereitgestellt. Dieser kompilierte Prozess kann die Leistung von SQL-Anweisungen erheblich verbessern. Da der Großteil der Arbeit zur Ausführung der SQL-Anweisung abgeschlossen ist, kann die gespeicherte Prozedur sehr schnell ausgeführt werden. Diese vorkompilierte SQL-Anweisung kann direkt ausgeführt werden und spart einen großen Teil der Abfragezeit.
Einige Details:
Setzen Sie den CSS-Stil an die Spitze. Wenn viel JS vorhanden ist, fügen Sie den JS-Code am Ende ein. Auf diese Weise kann zuerst die DOM-Struktur der Seite so weit wie möglich geladen und dann die Benutzererfahrung verbessert werden. Wenn das JS zu groß ist und die Seite nicht vollständig geladen ist, wie kann es dann zu einer Benutzererfahrung kommen?
6. Richtige Verwendung von AJAX
Ajax scheint mittlerweile ein Mythos zu sein, solange Ajax für Webseiten erforderlich ist. Tatsächlich handelt es sich hierbei um ein Missverständnis. Eine schlechte Nutzung von Ajax macht Ihre Webseite zwar nicht effizienter, verringert sie jedoch. Ajax ist in der Tat eine gute Sache, aber bitte machen Sie nicht zu viele Mythen darüber. Beachten Sie auch die oben genannten Richtlinien, wenn Sie Ajax verwenden.
7. Versuchen Sie, den vom Stiltool generierten Seitenstilcode so wenig wie möglich zu verwenden und den Stil selbst in die Stildatei zu schreiben. Versuchen Sie, so allgemein wie möglich zu schreiben.
8. Seiten-Caching
Caching-Technologie wird in großen Portal-Websites eingesetzt. Dabei handelt es sich um eine Technologie, die Raum gegen Zeit tauscht.
Caching dient hauptsächlich dazu, die Geschwindigkeit des Datenlesens zu erhöhen. Da beim Lesen von Daten mit großer Kapazität ein Verkehrsengpass zwischen dem Server und dem Anwendungsclient besteht, kann die Verwendung des Caches zur direkten Bedienung des Clients die Dateninteraktion zwischen Client und Server reduzieren und dadurch die Zugriffsgeschwindigkeit auf Sekundärseiten erheblich verbessern . Effizienz des Programms.
9. Konfigurieren Sie das Entity-Tag der Website:
Dieses Etag ist nicht für Benutzer, sondern für das Browser-Caching. Etag ist ein Mechanismus, mit dem der Server dem Browser-Cache mitteilt, ob sich der Inhalt im Cache geändert hat. Über Etag kann der Browser erkennen, ob der Inhalt im aktuellen Cache der neueste ist und ob er erneut vom Server heruntergeladen werden muss.
10. Nutzen Sie die CDN-Technologie.
Wenn wir Dinge online herunterladen, sehen wir oft „südliche Server“ und „nördliche Server“, die CDN-Technologie verwenden, um die Download-Geschwindigkeit und Stabilität zu verbessern.
Der vollständige Name von CDN ist Content Delivery Network, ein Content-Distributionsnetzwerk. Die Grundidee besteht darin, Engpässe und Verbindungen im Internet, die die Geschwindigkeit und Stabilität der Datenübertragung beeinträchtigen könnten, so weit wie möglich zu vermeiden, damit die Übertragung von Inhalten schneller und stabiler erfolgen kann. Durch die Platzierung von Knotenservern im gesamten Netzwerk, um eine Schicht eines intelligenten virtuellen Netzwerks basierend auf dem vorhandenen Internet zu bilden, kann das CDN-System den Netzwerkverkehr und den Verbindungs- und Auslastungsstatus jedes Knotens sowie die Entfernung zum Benutzer in Echtzeit analysieren und Antwortzeit sowie andere umfassende Informationen, um die Anfrage des Benutzers an den Dienstknoten weiterzuleiten, der dem Benutzer am nächsten liegt. Sein Zweck besteht darin, es Benutzern zu ermöglichen, die erforderlichen Inhalte in der Nähe abzurufen, die Überlastungssituation des Internet-Netzwerks zu lösen und die Reaktionsgeschwindigkeit beim Zugriff der Benutzer auf die Website zu verbessern (aus der Baidu-Enzyklopädie).
11. Verwenden Sie Gzip zum Komprimieren von Dokumenten:
GZIP-Kodierung ist eine Methode zur Verbesserung der Webseitenleistung, die nicht nur den Speicherplatz, sondern auch die für die Übertragung erforderliche Zeit reduziert. Nach der Verwendung von Gzip zum Komprimieren der Dateien auf der Website kann die Ladegeschwindigkeit der Webseite deutlich erhöht und auch der Bandbreitenverbrauch der Website reduziert werden.
12. Die Stylesheet-Datei heißt extern:
Legen Sie die JavaScript- und CSS-Stylesheet-Dateien, die auf der Seite verwendet werden müssen, in einem anderen Ordner ab, damit diese aufgerufenen Dateien beim Öffnen anderer Seiten der Website zwischengespeichert werden, wodurch die Ladegeschwindigkeit der Website-Seiten beschleunigt wird.
13. Gewicht für JavaScript-Dateien reduzieren:
Diese Methode unterscheidet sich von der gzip-Komprimierungsfunktion. Es gibt viele Möglichkeiten, die Größe von JavaScript-Dokumenten zu reduzieren, z. B. das Entfernen unnötiger Leerzeichen und anderer Tags . Durch die Reduzierung von Skriptdateien kann die Zugriffsgeschwindigkeit von Webseiten erheblich verbessert werden.
14. Bilder verwenden Höhen- und Breitenattribute
Die Höhen- und Breitenattribute jedes Bildes ermöglichen es dem Browser, die Länge und Breite des Bildes zu kennen, bevor es das Bild lädt, und die angegebene Größe zu reservieren Länge und Breite werden nach dem Laden des Bildes angezeigt. Ohne diese beiden Attribute muss der Browser nach erfolgreichem Lesen des Bildes den Seitenlayoutstil erneut verarbeiten, was zweifellos die Ladegeschwindigkeit der Webseite verlangsamt. Daher ist es am besten, die Attribute „Höhe“ und „Breite“ zu verwenden, wenn die Bildgröße festgelegt ist.
15. Komprimierung und Verschlankung von CSS-Dateien
p+CSS ist die aktuelle Methode für das fließende Webseitenlayout. p definiert das Element und CSS steuert den Anzeigeeffekt. Daher schreiben wir CSS häufig in eine oder mehrere extern verknüpfte CSS-Dateien, und der CSS-Dateicode enthält ebenfalls viele Zeilen. Wir können einige CSS-Komprimierungstools verwenden, um unnötige redundante Inhalte in CSS-Dateien zu entfernen, z. B. wiederholte Definitionen von Stilen, Leerzeichen usw., um sie zu verschlanken. Sie können versuchen, Ihre CSS-Dateien mit dem CleanCSS-Tool zu komprimieren.
16. Integrieren Sie CSS- und JS-Dateien, um die Anzahl der HTTP-Anfragen zu reduzieren
Heutzutage verfügen Webseiten über mehrere Bilder, CSS-Links zu externen Dateien und Links zu externen Javascript-Skripten. Beim Besuch einer Webseite muss der Browser diese Dateien also mehrmals vom Server anfordern. Zwischen Anfrage und Laden kann es zu erheblichen Zeitunterschieden kommen. Insbesondere bei einigen Webseiten mit mehreren kleinen Bildern und Symbolschaltflächen muss der Browser so viele dieser kleinen Dateien anfordern, wie Bilder vorhanden sind. Das Anfordern zu vieler dieser kleinen Bilddateien wirkt sich erheblich auf die Ladegeschwindigkeit der Webseite aus. Daher sollten wir unser Bestes geben, kleine Bilder zu einem großen PNG-Bild zu kombinieren und das Symbol dann über Koordinaten anzuzeigen. Das gleichzeitige Anfordern eines großen Bildes ist viel schneller als das mehrfache Anfordern kleiner Bilder. Ebenso ist es am besten, CSS und Javascript so weit wie möglich in einer einzigen Datei zu kombinieren, um das Laden von Webseiten zu beschleunigen.
17. Fügen Sie nach der Verzeichnisadresse einen Schrägstrich (/) hinzu
Wenn ein Besucher auf eine solche Verzeichnisadresse klickt: http://www.3haojob.com, öffnen Sie den Index darin Verzeichnis .html-Dokument. Wenn der Server die Anfrage erhält, dauert es einige Zeit, bis er analysiert, ob es sich um eine Datei oder ein Verzeichnis handelt. Wenn wir jedoch am Ende einen Schrägstrich (/) hinzufügen, weiß der Server, dass Sie auf eine Verzeichnisadresse zugreifen, und lädt dann einfach das Standarddokument index.html oder index.php direkt. Auf diese Weise muss der Server keine Zeit mit der Analyse dieser Adresse verbringen, was auch eine gewisse Rolle bei der Beschleunigung des Prozesses spielt. Arbeitsversand
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.
Verwandte Empfehlungen:
So implementieren Sie simulierte Mehrfachvererbung in PHP
Das obige ist der detaillierte Inhalt vonSo verbessern Sie die Ladegeschwindigkeit von Webseiten in PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!