Jag vet inte. Men jag kan gissa lite.
Så här ser HTML-koden för en produkt ut:
<div class="item">
<div class="recent-prod-image">
<a href="https://jaktweb.se/produkt/garmin-montana-700i/" rel="bookmark">
<img width="427" height="518" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="attachment-full size-full wp-post-image lazy" alt="Garmin Montana 700i" loading="lazy" sizes="(max-width: 427px) 100vw, 427px" data-srcset="http://media.jaktweb.se/2021/02/Garmin-Montana-700i.jpg 427w,http://media.jaktweb.se/2021/02/Garmin-Montana-700i-247x300.jpg 247w,http://media.jaktweb.se/2021/02/Garmin-Montana-700i-320x388.jpg 320w,http://media.jaktweb.se/2021/02/Garmin-Montana-700i-360x437.jpg 360w, https://media.jaktweb.se/2021/02/Garmin-Montana-700i.jpg"><noscript><img width="427" height="518" src="https://media.jaktweb.se/2021/02/Garmin-Montana-700i.jpg" class="attachment-full size-full wp-post-image" alt="Garmin Montana 700i" loading="lazy" srcset="http://media.jaktweb.se/2021/02/Garmin-Montana-700i.jpg 427w,http://media.jaktweb.se/2021/02/Garmin-Montana-700i-247x300.jpg 247w,http://media.jaktweb.se/2021/02/Garmin-Montana-700i-320x388.jpg 320w,http://media.jaktweb.se/2021/02/Garmin-Montana-700i-360x437.jpg 360w" sizes="(max-width: 427px) 100vw, 427px"></noscript> </a>
<a href="https://do.pnjakt.se/t/t?a=1487387863&as=1579238119&t=2&tk=1&url=https://www.pnjakt.se/art/garmin-montana-700i.php" data-quantity="1" class="button product_type_external" data-product_id="491" data-product_sku="3881201513416996" aria-label="Köp “Garmin Montana 700i”" rel="nofollow">KÖP</a> </div>
<h3><a href="https://jaktweb.se/produkt/garmin-montana-700i/">Garmin Montana 700i</a></h3><p class="price"><span class="woocommerce-Price-amount amount"><bdi>8.295,00 <span class="woocommerce-Price-currencySymbol">kr</span></bdi></span></p>
</div>
Själva bilden är deklarerad som en hårdkodad platshållarbild:
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
Sedan är det väl tänkt att platshållaren via Lazy Load ska ersättas av den verkliga bilden. Men med Javascript från domänen adt598.com blockerat i min vanliga webbläsare ser jag inte heller dessa bilder. Så kanske att mobil Chrome inte gillar att köra tredjeparts Javascript?
Trådstartare
Martin
(@jaktweb)
Tack för svar, men det är inte bara produktbilderna som inte syns, utan alla bilder. Slider, header, utvalda bilder, loggan, allt…
Eftersom jag inte har möjlighet att i detalj studera vad som händer i telefonen tog jag och kikade på sidan via min vanliga webbläsare. Jag tog bara första bästa bild som exempel.
Prova att lirka med olika funktioner/inställningar/tillägg du använder för optimering av bilder för att se när det fungerar för alla.
Trådstartare
Martin
(@jaktweb)
Tack för dina svar, men jag har inte tillägg för bildoptimering :/. Det enda tillägget för optimering överhuvudtaget är Page Speed Ninja. Jag testade att avaktivera det tilläget, men ingen skillnad. Jättekonstigt. Jag har flera sajter som använder samma tema som på denna sajt, men på alla de andra fungerar bilderna.
Jag har inte varit med om liknande på någon av andra sajterna tidigare.
Kan du ge exempel på någon av dina webbplatser där samma kombination fungerar?
