JCH-Optimizer kostenfreie Version: wie kann ich durch CSS-Definition ein Bild vom LazyLoading ausschließen?

  • Um lediglich das im Titel genannte Ziel zu erreichen, ist mir die Lizenzierung zu teuer. Auf meiner Site habe ich im Header mein Signet eingefügt und zwar nicht über die Funktion im Template-Backend, sondern platziert über ein dort positioniertes Modul. Folglich habe ich volle Freiheit, hier ausnahmsweise ein Inline-CSS davor zu setzen, um das LazyLoading zu verhindern.

    Meine bisherigen Versuche dazu waren vergeblich. Wie müsste eine CSS-Anweisung aussehen, die wirklich wirksam wird?

  • Mir war gar nicht bewusst, dass man LazyLoading in der Free-Version überhaupt verwenden kann. Scheinbar doch, wenn man auf die ganzen speziellen Funktionen verzichtet. Aber ich weiß auch nicht auf Anhieb, ob das per css möglich ist, bestimmte Bilder auszuschließen.

    Müsste man wissen, wie das in der kostenpflichtigen Version realisiert wird. Per css kann ich mir das allerdings nicht vorstellen.

  • Doch, Lazy-Loading funktioniert auch in der kostenfreien Version. Aber weder beim LazyLoading noch beim Ausschluss von CSS oder JS-Dateien kann man etwas eintragen.


    Im HTML sieht ein LazyLoading-Bild ungefähr so aus:

    Code
    <p><img class="img-cl cover-cl jch-lazyload" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="/images/images/article-lead/975x325_20-06-15_prax-gelb.jpg" alt="Spaßvogel" /><noscript><img class="img-cl cover-cl" src="/images/images/article-lead/975x325_20-06-15_prax-gelb.jpg" alt="Spaßvogel" /></noscript></p>

    Es geht also nicht nur um die Klasse "jch-lazyload" sondern auch darum, dass das normalerweise vom Browser unter src="..." zu findende Bild nun unter "data-src" die URL bzw. den Pfad erhält, wohingegen das ebenfalls vorhandene src="..." jedenfalls nicht zum Bild führt.


    Daran etwas zu verändern, ist sicher nicht leicht (oder unmöglich). :)

  • Doch das habe ich. Aber ich kann da ruhig was eintragen, es wird nicht übernommen. Schon bei der Eingabe zeigt mir eine graue Schrift im Hintergrund an, dass das von mir eingetragene Objekt oder die Datei usw. nicht gefunden wird. Und zwar egal, ob ich die Datei alleine oder mit Pfad oder als komplette URL eintragen möchte.

  • Mmh..... Gerade mal getestet. Ich kann dort sogar Bilder eintragen und speichern. Keine Ahnung, ob sich das auswirkt.

    Bilder die ich eingetagen habe, erscheinen aber nicht in der Dropdown-Liste. Vermutlich doch eine "gesperrte" Funktion.

  • Ja, das betrifft auch die anderen Felder zum Ausschluss con CSS und JS von der Komprimierung.


    Oberhalb von "deLuxe"-Komprimierung macht die Positionierung meines MobileMenü Probleme, wohl, weil das Script dann am Ende der Seite geladen wird, die Berechnung der Position aber schon früher erfolgen muss.


    Vielleicht hol ich mir die Lizenz ja doch noch. OK ich setz das mal auf gelöst.