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
Lösen Sie das Sprungproblem des mobilen Endgeräts (CSS-Übergang, Ziel-Pseudoklasse).
Vorwort Viele Freunde, die gerade mit mobilen End...
Vue3.0 verwendet das Plug-In vue-grid-layout, um Drag-Layout zu implementieren
Inhaltsverzeichnis 1. Plugins 2. Zwischenspiel 3....
So installieren Sie Docker mithilfe von Skripten unter Linux Centos
Was ist die Hauptfunktion von Docker? Derzeit gib...
Grafisches Tutorial zur Installation von CentOS 7.3 auf VMWare
Die Installationsschritte für CentOS 7.3 werden a...
Schritte zur Verwendung von ORM zum Hinzufügen von Daten in MySQL
【Vorwort】 Wenn Sie ORM zum Bedienen von Daten in ...
Lösung für die Protokollpersistenzlösung des Nginx-Ingress-Controllers
Kürzlich habe ich auf einem öffentlichen Konto ei...
Zusammenfassung der Tipps zur Verwendung von coalesce() in MySQL
Vorwort Kürzlich habe ich zufällig MySQLs Coalesc...
Mehrere Möglichkeiten zur Verwendung der V-Bind-Bindung mit Klasse und Stil in Vue
Das Hinzufügen/Entfernen von Klassen zu Elementen...
MySQL implementiert eine Lösung ähnlich der Oracle-Sequenz
MySQL implementiert Oracle-ähnliche Sequenzen Ora...
Die MySQL-ID beginnt von 1 zu steigen, um das Problem der diskontinuierlichen ID schnell zu lösen
Die MySQL-ID beginnt bei 1 und erhöht sich automa...
Ladeanimation mit CSS3 implementiert
Ergebnisse erzielen Implementierungscode <h1&g...
Nginx-Beispielcode zur Implementierung dynamischer und statischer Trennung
In Kombination mit dem Szenario in diesem Artikel...
Beispiele für vertikale Raster und progressiven Zeilenabstand
Neue Fragen Kommen und gehen Sie in Eile. Seit de...
jQuery implementiert dynamische Tag-Ereignisse
In diesem Artikel wird der spezifische Code von j...