Obwohl die in K gemessene Größe einer Webseitendatei für die heutige Bandbreite wirklich unbedeutend ist, ist die Optimierung der in K gemessenen Webseitendatei auf ein Minimum immer noch eine der Fragen, die Webdesigner berücksichtigen sollten.
Wie wir alle wissen, ist es umso besser, je kleiner die Webseitendatei ist, ohne die Struktur und Funktion der gesamten Webseite zu beeinträchtigen, da kleinere Webseitendateien dem Browser helfen, die Interpretationszeit der Webseite zu verkürzen, was bei natürlichen Besuchern nicht der Fall ist zu bewältigen Der Ärger, darauf zu warten, dass Webseiten langsam angezeigt werden, ist für Benutzer mit geringer Bandbreite und langsamer Internetgeschwindigkeit noch offensichtlicher. Stellen Sie sich vor, Sie möchten, dass die gesamte Website sofort vor Ihnen erscheint, wenn Sie eine Website öffnen? Oder verbringen Sie lieber mehr als zehn Sekunden oder sogar ein paar Minuten damit, zuzusehen, wie die gesamte Website Stück für Stück vom Browser interpretiert wird?
Im Zeitalter des Tabellenlayouts wurde der Code zusammen mit der Tabelle auf der Seite unzählige Male wiederholt, was dazu führte, dass die gesamte Webseitendatei extrem aufgebläht wurde, auch die Lesbarkeit des Codes wurde auf ein Minimum reduziert und natürlich auch die Interpretationszeit des Browsers stark zugenommen. Seitdem das DIV + CSS-Layout das Tabellenlayout ersetzt hat, wurde alles erheblich verbessert, sodass die Tabelle zum Anzeigen von Daten an ihre ursprüngliche Position zurückkehren kann und das Layout DIV + CSS überlassen bleibt, sodass der Code Die Lesbarkeit und Wiederverwendbarkeit wurde verbessert Der wichtigere Punkt von DIV + CSS besteht darin, die Leistung und Struktur der Webseitendatei zu unterscheiden, sodass aus Leistungsgründen nicht die Struktur der gesamten Webseitendatei geändert werden muss.
Obwohl die DIV+CSS-Layoutmethode den aufgeblähten Code im vorherigen Tabellenlayout minimiert hat, ist für Webdesigner die Frage, wie sie die Größe von Webseitendateien auf ein Minimum beschränken können, immer eine Frage, die es wert ist, untersucht und verfolgt zu werden.
Schauen Sie sich den folgenden Code an:
#header { |
Ein solcher CSS-Code hat eine sehr klare Struktur, eine klare Struktur und ist gut lesbar. Ein solcher Code wurde jedoch nicht optimiert, was bedeutet, dass es sich um den originellsten CSS-Code handelt . :
#header { Rand: 10px 15px; Hintergrund:#333 url(Images/header.jpg); } |
In CSS gibt es den Begriff zusammengesetztes Attribut, was bedeutet, dass viele Attributparameter zusammen integriert werden können. Beispielsweise können die oben genannten „margin-top; margin-right; margin-bottom; margin-left;“ in einen „margin“ integriert werden "-Eigenschaft und stellen Sie dann Parameter dafür bereit.
Dadurch können wir den Code basierend auf dem ursprünglichen CSS-Code weiter optimieren. Darüber hinaus ist die auf diese Weise geschriebene Struktur auch vernünftig und die Lesbarkeit ist ebenso gut. Für eine extreme Rationalisierung reicht das jedoch nicht aus. Um die Struktur dieses CSS-Codes zu verdeutlichen, verwenden wir Leerzeichen, Zeilenumbrüche und andere Dinge, die Platz beanspruchen. Was wäre, wenn wir diese Dinge entfernen würden, die Platz beanspruchen?
#header{margin:10px 15px;background:#333 url(Images/header.jpg);} |