Optimierung der Leistung von Web-Frontend-Seiten

Einige häufig verwendete Optimierungen:

1. Ermutigen Sie Front-End-Entwicklungsingenieure, beim Schreiben von XHTML eine strukturelle Semantik zu erreichen (die Vorteile der Tag-Semantik: 1. Förderlich für Suchmaschinen; 2. Klare Struktur erleichtert Teamarbeit; 3. Förderlich für blinde Bildschirmleser. Wie Um Tags semantisch zu machen, kommt es auf das persönliche Verständnis an. Auch bei diesem Aspekt fühle ich mich vage, und es hat wahrscheinlich etwas mit persönlichen Gewohnheiten zu tun.)

2. Optimieren Sie die Anzahl und Größe der CSS- und JS-Dateien (im Allgemeinen wird empfohlen, CSS und JS extern zu verbinden, um sich wiederholenden Code und die Wiederverwendung von Code zu reduzieren).

3. Optimieren Sie die Anzahl und Größe der Hintergrundbilder (verwenden Sie Bilder im PNG8-Format in Kombination mit CSS-Sprites. Eine große Anzahl von Hintergrundbildern wirkt sich auf den Server aus und erhöht die Anzahl der HTTP-Anfragen.)

4. Platzieren Sie das Stylesheet oben; platzieren Sie das Skript unten auf der Seite.