Ich habe auf jeder Seite ein anderes Hintergrundbild und da sie 1080p sind, brauchen sie ein wenig zum Laden.
Ich benutze Wordpress 4.0.5 mit Minamaze-Thema.
Ich habe herausgefunden, dass ich eine JavaScript-Vorinstallationsfunktion verwende, aber in meinem Fall auf der Startseite habe ich keine Informationen über das Hintergrundbild der anderen Seiten, also hoffe ich, dass jemand mir eine andere Lösung anbieten könnte.
Meine Bilder sind .pngs mit ungefähr 1mb Größe, vielleicht könnte ich auch versuchen, sie etwas mehr zu komprimieren?
Vielen Dank im Voraus
Sie sollten .png für ein solches Bild nicht verwenden. In der Regel sollten Fotos .jpg und Grafiken (z. B. Logos) indexiert sein .png
Ich habe die Dateigröße um ~ 89% von 1.3MB auf 139KB reduziert und der visuelle Unterschied ist kaum bemerkbar.
Hier ist das optimierte Bild: optimiert
Und hier ist deins: Original
Sie können die Zeit, die Ihre Website beim Laden benötigt, erheblich reduzieren, wenn Sie CSS3-Hintergrundverläufe anstelle der großen Hintergrundbilder verwenden. Wenn Sie zum Beispiel über Ihr Hintergrundbild auf der Startseite sprechen, können Sie einen background = gradient wie diesen erstellen und das Bild der Dame als Hintergrundbild verwenden und es nach rechts positionieren:
Ich denke, der Weg zu komprimieren ist JPEG-Dateien. Sie können den Grad der Komprimierung in den meisten Software wählen (ich benutze GIMP). 1 Mb ist auf alle Fälle viel zu groß für ein Hintergrundbild.
Da du nur einen Farbverlauf und die Frau verwendest, könntest du den Farbverlauf mit css3 realisieren und nur die Frau als Bild laden:
CSS:
%Vor%Geige: Ссылка
Oder Sie versuchen, Ссылка zu verwenden, um kleinere png-Dateien zu erhalten, wenn es ein Bild sein muss.
Eine andere, ziemlich schlechte Methode, würde ALLE Bilder mit der Breite 0 auf der ersten Seite laden. Sie sind nicht sichtbar, aber der Browser speichert sie im Cache (wenn der Besucher den Cache seines Browsers benutzt). Ich empfehle diese Methode nicht, es ist nur der Vollständigkeit halber.
Tags und Links javascript html css image css3
