Werbung
Meine H.yperT.ext M.Arkup L.Sprachkenntnisse (HTML) sind mit Sicherheit verrostet, aber vielleicht qualifiziert mich das für diesen Artikel. Damals, als Freunde war immer noch im Fernsehen und AOL verschickte täglich kostenlose Untersetzer und Mini-Frisbees. Ich erstellte Websites zum Laden von DFÜ-Modems. Im Laufe der Zeit hatte ich den Mut zu glauben, dass es immer noch viele Leute gibt, die keine Breitbandverbindungen (DFÜ) haben, und habe weiterhin Websites auf dieser Grundlage entworfen.
Schließlich gab ich auf Webdesign und -entwicklung Möchten Sie Webdesign lernen? 7 YouTube-Kanäle für den EinstiegYouTube bietet Tausende von Videos und Kanälen für Webdesign-Anfänger. Hier sehen wir uns einige der besten für den Einstieg an. Weiterlesen als die Qualität des Inhalts durch die Menge des Inhalts in den Hintergrund gedrängt wurde. Flash-Sites, viele Bilder, Popups, Pop-Unders, Schieberegler usw. Vertrauen Sie Ihrem Qualitätsinhalt und Sie brauchen diesen Flaum nicht. Vertrauen Sie Ihren Inhalten und Sie können Ihre Website rasant schnell machen.
Mit einer Website, die auf einem kostenlosen Dienst gehostet wird, ist schneller bestimmt besser. Warum? Weil "kostenlos" dazu neigt, viele Leute anzulocken und der Server Ihre Seite sowie Tausende von Seiten anderer Leute, die nicht optimiert sind, austeilen muss. Es ist, als würde man versuchen, an einem Konvoi von Kenworths vorbeizukommen, der mit seinen Jimmy Haulin-Schweinen Protokolle zieht. Aber wenn Sie einen kleinen Porsche haben, wird das viel einfacher.
Hier sind einige Tipps zum Trimmen des Fettes in keiner bestimmten Reihenfolge.
1. Verwenden Sie Tabellen sparsam
Tabellen sind ein Haken 22. Am Anfang wurden sie verwendet, um das Design zu gestalten und den Inhalt in ein Tabellenformat zu bringen. Je komplexer die Design-Layouts wurden, desto größer und verschachtelter wurden die Tabellen. Dies bedeutet immer eine Verlangsamung der Ladezeit.
C.aufsteigend S.Stil S.heets (CSS) kam hinzu und half wirklich bei dem Problem, Tabellen für das Layout zu verwenden. Leider konnten sich die Browserhersteller nicht mit der Idee von Standards auseinandersetzen - und können es immer noch nicht. Was in CSS in Firefox großartig aussah, sah im IE wie ein Hundefrühstück aus und wurde in Safari möglicherweise nicht einmal gerendert. Lass mich nicht anfangen IE5 auf einem Mac. Darüber bin ich immer noch in Therapie.
Bitte verwenden Sie nur Tabellen, um Inhalte zu gestalten, die sich in a befinden müssen Tabellenformat Tableizer: Generieren Sie eine HTML-Tabelle aus einer Excel-Tabelle Weiterlesen - wie eine Preisliste oder Hockey-Statistiken. Dies reduziert die Anzahl der Tabellen und die Verschachtelungstiefe, was schnellere Ladezeiten bedeutet. CSS lernen Top 5 Websites, um CSS online zu lernen Weiterlesen wird einen großen Unterschied machen, wenn Sie ein ausgefallenes Layout haben müssen.
2. Verwenden Sie HTML, um Farbe zu erstellen
Ja, ich bin Kanadier, also ist es Farbe mit einem "u" für mich. Ich weiß, dass HTML auf Amerika ausgerichtet ist, daher lautet das Attribut "Farbe". Lerne deine hexadezimale Farbcodes und verwenden Sie sie, um Inhalte anstelle von Bildern zu beleben.
Fügen Sie Ihren HTML-Elementen das Farbattribut hinzu, um es aufzupeppen. Dies funktioniert besonders gut in Tabellen oder im Body-Tag wie folgt:
Wenn Sie ein Browser wären, könnten Sie schneller einfache 7 Zeichen von # ladenFF00FF oder ein 10 × 10 Pixel Bild der Farbe Fuschia ein paar tausend Mal? Das ist eine rhetorische Frage, Sie in der hinteren Reihe. Nimm Deine Hand runter.
3. Link zu Skripten / Stylesheets
Wenn Sie eine bestimmte verwenden J.avaS.cript (JS) oder CSS wiederholt auf Ihrer Website. Denken Sie daran, eine eigene Datei zu erstellen und aufzurufen, anstatt sie auf jede Seite zu setzen. Da ein Browser dazu neigt, eine Datei zwischenzuspeichern und diese Datei zuerst aufzurufen, bevor er sich beim Server erkundigt, hat Ihr Browser dieses Skript oder CSS bereits zur Verwendung bereit. Das bedeutet weniger H.yperT.ext T.übertragen P.Rotocol (HTTP) -Aufrufe, was ein schnelleres Laden der Seite bedeutet.
So rufen Sie ein externes JavaScript auf:
–>
Warum habe ich diese Kommentar-Tags um den Aufruf für das JavaScript gesetzt? Weil nicht jeder Browser so eingestellt ist, dass er Skripte liest. Durch das Hinzufügen der Kommentar-Tags überspringen die Browser mit deaktivierter Skripterstellung diese einfach, anstatt störende Fehlermeldungen zu geben.
So rufen Sie ein externes Cascading Style Sheet auf:
So einfach ist das. Mit dem Attribut href legen Sie die Position Ihres Stylesheets fest. Die restlichen Attribute teilen dem Browser mit, um welche Datei es sich handelt, sodass er weiß, was damit zu tun ist.
Einige Entwickler verwenden möglicherweise die @importieren Methode zum Aufrufen eines Stylesheets. In Internet Explorer ist dies wie mit Ihrem Tag am Ende Ihrer Datei, wodurch die gesamte Seite geladen wird und DANN die Stile darauf gerendert werden. Nicht gut.
4. Kombinieren Sie Ihre häufig verwendeten Skripte in einer Datei
Viele Webentwickler verwenden immer wieder dieselben Skripte. Vielleicht gibt es ein Uhrenskript und ein Kalenderskript und vielleicht eine Art Spezialeffektskript, das auf jeder Seite verwendet wird. Anstatt 3 separate Dateien mit 3 separaten HTTP-Aufrufen zu haben, fügen Sie die Skripte in eine Datei ein und rufen Sie sie einmal auf. Dadurch werden Ihre HTTP-Anrufe um 66% reduziert und auch zwischengespeichert. Du beschleunigst Dämon, du! Bevor Sie Ihre Hand wieder heben, können Sie dasselbe mit CSS-Dateien tun.
5. Verwenden Sie kein HTML, um die Größe Ihrer Bilder zu ändern
Wenn Sie ein Bild mit 1000 × 1000 Pixel auf Ihrer Webseite verwenden möchten, aber nur 250 × 250 Pixel haben möchten, ändern Sie es in einem Bildeditor. Einige Benutzer verkleinern das Bild mithilfe von HTML wie folgt:
Wenn dieses 1000 × 1000-Pixel-Bild eine Dateigröße von 2 MB hat, wird die Dateigröße durch Ändern der Größe mit HTML nicht kleiner! Tatsächlich kann das Laden länger dauern, da der Browser jetzt sozusagen 10 Pfund Poop in einen 2-Pfund-Beutel packen muss. Keine leichte Aufgabe.
Hoffentlich helfen Ihnen diese Tipps. Geben Sie mir einen Rückruf in den Kommentaren, wenn Sie sie verwenden oder andere HTML-Optimierungsideen zum Teilen haben.
Mit mehr als 20 Jahren Erfahrung in den Bereichen IT, Schulung und technisches Handwerk möchte ich das Gelernte mit allen anderen teilen, die bereit sind zu lernen. Ich bemühe mich, den bestmöglichen Job auf die bestmögliche Art und Weise und mit ein wenig Humor zu machen.
