Methoden und Techniken zum schnellen Anzeigen von Webseitenbildern
|
1. Verwenden Sie .gifs statt .jpgs. GIFs sind im Vergleich zu JPGs kleiner. 1. Speichern Sie Bilder im GIF-Format, vorzugsweise nicht im JPG-Format. Weil ersteres kleiner ist als letzteres. 2. Verwenden Sie für Ihre Bilder die Tags „Höhe“ und „Breite“. So bleibt beim Laden der Seite ein gewisser Platz für die Bilder frei und der Besucher kann den Inhalt durchgehen, während die Bilder geladen werden. 2. Legen Sie das Bild mithilfe von Höhen- und Breiten-Tags fest. Auf diese Weise kann die Webseite Platz für das Bild reservieren und Besucher können den Webseiteninhalt durchsuchen, während das Bild heruntergeladen wird. 3.Wenn Sie große Bilder verwenden, teilen Sie diese auf und laden Sie sie Stück für Stück. Dazu können Sie Bildtags wie HSPACE=0 und VSPACE=0 verwenden. 3. Wenn Sie ein großes Bild verwenden, teilen Sie das Bild und laden Sie die einzelnen Teile nacheinander herunter. In diesem Fall können Sie Bild-Tags mit HSPACE=0 und VSPACE=0 verwenden.  Optimiertes Bild (GIF-Format, in zwei Teile geschnitten, mit Breiten- und Höhen-Tags, HSPACE=0 und VSPACE=0): Optimiertes Bild (GIF-Format, Breite und Höhe festlegen, HSPACE=0 und VSPACE=0) 4. Verwenden Sie Bildkomprimierungssoftware, die die Bildgröße reduziert. Denken Sie daran: Je stärker Sie die Bildgröße reduzieren, desto mehr Qualität geht verloren. 4. Verwenden Sie eine Bildkomprimierungssoftware, um die Bildgröße zu reduzieren. Bedenken Sie: Je kleiner die Bildgröße, desto geringer die Qualität. Sie können sich auf den folgenden beiden Websites anmelden, um relevante Informationen und Software zu erhalten: http://www.spinwave.com/index.html http://www.macromedia.com/software/fireworks/ 5. Wenn Sie viele Bilder anzuzeigen haben, platzieren Sie diese auf unterschiedlichen Seiten, indem Sie die Seiten mit „Nächstes Bild >“ oder etwas Ähnlichem verknüpfen, anstatt eine lange Seite mit 10 Bildern zu erstellen. 5. Wenn viele Bilder angezeigt werden sollen, können Sie einen Link zur Webseite verwenden, z. B.: „Nächste Seite“ oder einen ähnlichen Inhalt. Bilder sollten auf verschiedenen Webseiten angeordnet werden. Platzieren Sie nicht 10 Bilder auf einer Webseite. 6. Verwenden Sie immer wieder dasselbe Bild, wenn Sie ein ähnliches Bild benötigen. Wenn Sie beispielsweise auf jeder Seite Ihrer Website eine große Kopfgrafik verwenden, verwenden Sie dann dieselbe Grafik als Link zu allen Seiten Ihrer Website. 6. Sie können ein Bild bei Bedarf mehrfach verwenden. So kann man beispielsweise im Header aller Webseiten das gleiche große Bild einsetzen und über dieses Bild alle Webseiten der Website verlinken. 7. Flash-Präsentationen, Mouseover, Animationen usw. erhöhen die Seiten-Downloadzeit. Wenn Sie stattdessen HTML verwenden können, tun Sie es. 7. Flash, Mouseover, Animationen und andere Inhalte erhöhen die Downloadzeit der Website, daher ist es am besten, diese Inhalte durch HTML zu ersetzen. |
<<: Das Konzept und die Eigenschaften von benutzerdefinierten MySQL-Variablen
>>: Tipps zur Optimierung von CSS-Schattenanimationen
Artikel empfehlen
Installation und Bereitstellung des Linux-Tools Nethogs zur Überwachung der Netzwerkbandbreite nach Prozess
Überblick Es gibt viele Open-Source-Tools zur Net...
Beispielcode zum gleichmäßigen Verteilen von Elementen mithilfe des CSS3-Flex-Layouts
In diesem Artikel wird hauptsächlich erläutert, w...
Implementierungsbeispiel für den Linux-Befehl „tac“
1. Befehlseinführung Der Befehl tac (umgekehrte R...
Tutorial zu HTML-Formular-Tags (4):
Nehmen Sie nun an, dass Sie dem Formular ein Elem...
Detailliertes Installationstutorial für MySQL 5.7 unter CentOS 6 und 7
Für die Entwicklung benötigen Sie immer Daten. Al...
So importieren Sie Excel-Dateien in eine MySQL-Datenbank
In diesem Artikel erfahren Sie, wie Sie Excel-Dat...
Vue realisiert den Fortschrittsbalken-Änderungseffekt
Dieser Artikel verwendet Vue, um einfach die Ände...
React realisiert sekundäre Verknüpfung (linke und rechte Verknüpfung)
In diesem Artikel wird der spezifische Code von R...
Lösen Sie die Probleme, die bei der Installation der Mysql 8.0.17 Winx64-Version aufgetreten sind
1. Manuelles Erstellen und Hinzufügen der Datei m...
Detaillierte Erläuterung der Ereignisschleifen-Ereigniswarteschlange von js im Browser
Inhaltsverzeichnis Vorwort Einen Stapel und zwei ...
Vergleich von div und span in HTML_PowerNode Java Academy
1. <div></div> und <span></s...
Anwendungsbeispiele für die MySQL-Volltextsuche
Inhaltsverzeichnis 1. Umweltvorbereitung 2. Daten...
Vergleich der Effizienz zwischen Einzeltabellenabfrage und Mehrtabellen-Joinabfrage in der MySql-Datenbank
Während dieser Zeit stieß ich bei der Arbeit an e...
Implementierungsmethode für horizontale und vertikale MySQL-Tabellenkonvertierungsvorgänge
Dieser Artikel veranschaulicht anhand von Beispie...
Sublime Text - Empfohlene Methode zum Festlegen von Browser-Tastenkombinationen
Codeeffekte werden häufig in unterschiedlichen Br...