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
So behalten Sie den Inhalt im Container, wenn das Flex-Layout durch untergeordnete Elemente gestreckt wird
Auf Mobilgeräten ist das Flex-Layout sehr nützlic...
Drei Netzwerkmethoden und Prinzipien von virtuellen VMware-Maschinen (Zusammenfassung)
1. Brigde——Bridge: VMnet0 wird standardmäßig verw...
Beheben Sie das Problem, dass die Docker-Installation abgeschlossen und gemeldet wird: bridge-nf-call-iptables ist deaktiviert
Nachdem die Docker-Installation auf der CentOS-Ma...
Ändern Sie die Dateiberechtigungen (Eigentum) unter Linux
Linux und Unix sind Mehrbenutzer-Betriebssysteme,...
Implementierung der Vue-Einzeldateikomponente
Ich habe kürzlich über Vue gelesen. Ich habe eine...
So fügen Sie einen Docker-Port hinzu und erhalten eine Docker-Datei
Holen Sie sich das Dockerfile aus dem Docker-Imag...
Lösung des Konflikts zwischen Linux-Kernel- und SVN-Versionen
Phänomen Das System konnte den Linux-Systemkernel...
jQuery realisiert dynamische Partikeleffekte
In diesem Artikel wird der spezifische Code von j...
Eine Lösung für einen Fehler in IE6 mit jquery-multiselect
Bei der Verwendung von jquery-multiselect (einem ...
Vue implementiert Akkordeoneffekt
In diesem Artikelbeispiel wird der spezifische Co...
Verwenden Sie nginx, um Bildgrößen dynamisch zu konvertieren und Miniaturansichten zu generieren
Mit dem Nginx-Modul ngx_http_image_filter_module ...
So implementieren Sie ein Hover-Dropdown-Menü mit CSS
Wie üblich werde ich heute über einen sehr prakti...
MySQL-Variablendeklaration und Analyse gespeicherter Prozeduren
Deklarieren von Variablen Festlegen globaler Vari...
Detaillierte Erklärung der nmcli-Verwendung in CentOS8
Allgemeine nmcli-Befehle basierend auf RHEL8/Cent...
Vier Möglichkeiten zum Wechseln von Registerkarten in VUE
Inhaltsverzeichnis 1. Statische Implementierungsm...