[FP] svg en jpg door elkaar gebruikt

[Raven]

Geen idee of het een bug of by design is, maar op de FP merk ik sinds een paar dagen dat svg en jpg door elkaar gebruikt worden, binnen hetzelfde nieuwsartikel.

Bijv:
nieuws: LG vraagt in Amerika 700 dollar voor unieke 16:18-DualUp-monitor
De 4 plaatjes onder de tekst zijn svg, open ik de image viewer, dan zijn zowel de thumbnails als grote versies jpg.

* Raven ziet de logica niet

[Utoka]

SVG is een soort lossless bestand daar kan je geen afbeeldingen in maken maar alleen figuren. SVG wordt vaak gebruikt voor iconen bijv.

Jpeg is meer geschikt voor foto's. Toegegeven dat dit bestandsformaat ook al erg verouderd is en webp een simpele data besparing zou zijn

[Raven]

FF geeft toch echt aan dat er svg's onder het artikel staan
data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='288'%20height='238'/%3E

Viel op doordat de pics onder de tekst niet verschijnen, maar de image viewer (na klikken op een van de pics) geeft ze wel gewoon weer.

[crisp]

Raven schreef op maandag 6 juni 2022 @ 10:57:
FF geeft toch echt aan dat er svg's onder het artikel staan
data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='288'%20height='238'/%3E

Viel op doordat de pics onder de tekst niet verschijnen, maar de image viewer (na klikken op een van de pics) geeft ze wel gewoon weer.

Dat is de placeholder voor de lazy-loading

[Hahn]

Utoka schreef op maandag 6 juni 2022 @ 10:54:
SVG is een soort lossless bestand daar kan je geen afbeeldingen in maken maar alleen figuren. SVG wordt vaak gebruikt voor iconen bijv.

In principe kan je alles maken in SVG, ook afbeeldingen/foto's, alleen worden die al snel gigantisch zwaar doordat het lossless is. Dáárom wordt SVG vooral voor simpele figuren, zoals iconen, gebruikt. Niet omdat afbeeldingen niet zouden kunnen

[Raven]

crisp schreef op maandag 6 juni 2022 @ 11:00:
[...]

Dat is de placeholder voor de lazy-loading

Ah, dan ben ik benieuwd waarom ik de pics niet zie, maar in de imageviewer popup wel. Zelfde met youtube op de FP, de video onder o.a. nieuws: Scifi-kattengame Stray komt op 19 juli uit voor PlayStation-consoles ... verschijnt niet.

Op het forum niks aan de hand Heb al cookies weggegooid, dacht dat het daar aan lag, maar hielp niet.

[Hahn]

Raven schreef op maandag 6 juni 2022 @ 11:03:
[...]

Ah, dan ben ik benieuwd waarom ik de pics niet zie, maar in de imageviewer popup wel. Zelfde met youtube op de FP de video onder o.a. nieuws: Scifi-kattengame Stray komt op 19 juli uit voor PlayStation-consoles ... verschijnt niet.

Op het forum niks aan de hand Heb al cookies weggegooid, dacht dat het daar aan lag, maar hielp niet.

Heb je de juiste cookies wel toestemming gegeven? Voor YouTube moest ik nog eentje apart aanzetten.

[Raven]

Hahn schreef op maandag 6 juni 2022 @ 11:03:
[...]

Heb je de juiste cookies wel toestemming gegeven? Voor YouTube moest ik nog eentje apart aanzetten.

Staan allen aan, hebben niet eens op uit gestaan bij mijn weten, maar dan zou YT op het forum dan toch ook niet moeten werken? Daar is niks aan de hand.

[crisp]

Of een adblocker/cookiekeuzeblocker die roet in het eten gooit?

[Raven]

crisp schreef op maandag 6 juni 2022 @ 11:06:
Of een adblocker/cookiekeuzeblocker die roet in het eten gooit?

Ik heb NoScript al jaren zonder problemen draaien (tweakers uiteraard toegestaan), dit probleem speelt sinds een paar dagen. Geen cookie-addons.

[crisp]

Raven schreef op maandag 6 juni 2022 @ 11:05:
[...]

Staan allen aan, hebben niet eens op uit gestaan bij mijn weten, maar dan zou YT op het forum dan toch ook niet moeten werken? Daar is niks aan de hand.

Op het forum gebruiken we inderdaad precies dezelfde manier van lazyloading icm consent-checking. Zie je misschien JS-errors in je console?

[crisp]

Raven schreef op maandag 6 juni 2022 @ 11:07:
[...]

Ik heb NoScript al jaren zonder problemen draaien (tweakers uiteraard toegestaan), dit probleem speelt sinds een paar dagen. Geen cookie-addons.

Sinds vorige week zijn we overgestapt op een andere adprovider en hebben we de cookiewall vervangen door dezelfde keuzebalk als op het forum. Wellicht dat door deze veranderingen er toch nog wat geblokkeert wordt door NoScript op de FP?

[Raven]

@crisp
nieuws: Scifi-kattengame Stray komt op 19 juli uit voor PlayStation-consoles ...

code:

‘-webkit-min-device-pixel-ratio’ gevonden waar naam van mediafunctie verwacht. grade_sm.css:1:15130
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd. grade_sm.css:1:15733
‘-webkit-min-device-pixel-ratio’ gevonden waar naam van mediafunctie verwacht. grade_sm.css:1:21105
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd. grade_sm.css:1:26334
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd. grade_sm.css:1:37744
‘0%’ gevonden waar einde van waarde verwacht.  Fout tijdens het parsen van waarde voor ‘background-color’.  Declaratie genegeerd. grade_sm.css:1:46658
Fout tijdens het parsen van waarde voor ‘width’.  Declaratie genegeerd. grade_sm.css:1:59926
Fout tijdens het parsen van waarde voor ‘width’.  Declaratie genegeerd. grade_sm.css:1:59958
Fout tijdens het parsen van waarde voor ‘position’.  Declaratie genegeerd. grade_sm.css:1:60741
Onbekende eigenschap ‘scrollbar-width’.  Declaratie genegeerd. grade_xs.css:1:10019
Onbekende pseudo-klasse of pseudo-element ‘-webkit-scrollbar’.  Regelset genegeerd vanwege foute selector. grade_xs.css:1:10128
Fout tijdens het parsen van waarde voor ‘image-rendering’.  Declaratie genegeerd. articles.css:1:163
TypeError: Object.fromEntries is not a function[Meer info] wedonttrack.7a7158cc.js:1:7124
Content Security Policy: ‘x-frame-options’ wordt genegeerd vanwege ‘frame-ancestors’-instructie. (onbekend)
Laden voor het <script> met bron ‘https://w.usabilla.com/085f33154757.js?lv=1’ is mislukt.  scifi-kattengame-stray-komt-op-19-juli-uit-voor-playstation-consoles-en-pc.html:1
Laden voor het <script> met bron ‘https://w.usabilla.com/f0f5cd8abda1.js?s1’ is mislukt.

nieuws: LG vraagt in Amerika 700 dollar voor unieke 16:18-DualUp-monitor

code:

Onbekende pseudo-klasse of pseudo-element ‘marker’.  Regelset genegeerd vanwege foute selector.  main.css:1:9955
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  main.css:1:10527
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  main.css:1:24155
Onbekende pseudo-klasse of pseudo-element ‘-webkit-input-placeholder’.  Regelset genegeerd vanwege foute selector.  main.css:1:28311
Onbekende pseudo-klasse of pseudo-element ‘-ms-input-placeholder’.  Regelset genegeerd vanwege foute selector.  main.css:1:28388
‘content’ gevonden waar einde van waarde verwacht.  Fout tijdens het parsen van waarde voor ‘flex’.  Declaratie genegeerd.  main.css:1:32900
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  main.css:1:35377
‘-webkit-min-device-pixel-ratio’ gevonden waar naam van mediafunctie verwacht.  main.css:1:42075
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  main.css:1:48617
Onbekende eigenschap ‘scrollbar-width’.  Declaratie genegeerd.  main.css:1:55857
Onbekende pseudo-klasse of pseudo-element ‘-webkit-scrollbar’.  Regelset genegeerd vanwege foute selector.  main.css:1:55876
Onbekende pseudo-klasse of pseudo-element ‘-webkit-scrollbar-thumb’.  Regelset genegeerd vanwege foute selector.  main.css:1:55917
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  main.css:1:56263
Fout tijdens het parsen van waarde voor ‘word-break’.  Declaratie genegeerd.  main.css:1:58286
‘-webkit-min-device-pixel-ratio’ gevonden waar naam van mediafunctie verwacht.  main.css:1:105306
‘-webkit-min-device-pixel-ratio’ gevonden waar naam van mediafunctie verwacht.  layout.css:1:38863
Fout tijdens het parsen van waarde voor ‘image-rendering’.  Declaratie genegeerd.  articles.css:1:163
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  imageviewer.css:1:1933
‘-webkit-min-device-pixel-ratio’ gevonden waar naam van mediafunctie verwacht.  imageviewer.css:1:4709
Fout tijdens het parsen van waarde voor ‘-webkit-text-size-adjust’.  Declaratie genegeerd.  grade_md.css:1:11282
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  grade_md.css:1:14689
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  grade_md.css:1:17136
‘-webkit-min-device-pixel-ratio’ gevonden waar naam van mediafunctie verwacht.  grade_md.css:1:21047
Niet-herkende at-regel of fout bij parsen van at-regel ‘@viewport’.  grade_sm.css:1:56
‘-webkit-min-device-pixel-ratio’ gevonden waar naam van mediafunctie verwacht.  grade_sm.css:1:12372
Fout tijdens het parsen van waarde voor ‘-webkit-perspective’.  Declaratie genegeerd.  grade_sm.css:1:14515
Fout tijdens het parsen van waarde voor ‘perspective’.  Declaratie genegeerd.  grade_sm.css:1:14532
‘-webkit-min-device-pixel-ratio’ gevonden waar naam van mediafunctie verwacht.  grade_sm.css:1:15130
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  grade_sm.css:1:15733
‘-webkit-min-device-pixel-ratio’ gevonden waar naam van mediafunctie verwacht.  grade_sm.css:1:21105
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  grade_sm.css:1:26334
Onbekende eigenschap ‘user-select’.  Declaratie genegeerd.  grade_sm.css:1:37744
‘0%’ gevonden waar einde van waarde verwacht.  Fout tijdens het parsen van waarde voor ‘background-color’.  Declaratie genegeerd.  grade_sm.css:1:46658
Fout tijdens het parsen van waarde voor ‘width’.  Declaratie genegeerd.  grade_sm.css:1:59926
Fout tijdens het parsen van waarde voor ‘width’.  Declaratie genegeerd.  grade_sm.css:1:59958
Fout tijdens het parsen van waarde voor ‘position’.  Declaratie genegeerd.  grade_sm.css:1:60741
Onbekende eigenschap ‘scrollbar-width’.  Declaratie genegeerd.  grade_xs.css:1:10019
Onbekende pseudo-klasse of pseudo-element ‘-webkit-scrollbar’.  Regelset genegeerd vanwege foute selector.  grade_xs.css:1:10128
POST https://tweakers.net/xmlhttp/xmlHttp.php [HTTP/2.0 200 OK 14ms]
TypeError: Object.fromEntries is not a function[Meer info] wedonttrack.7a7158cc.js:1:7124

Het enige dat NoScript op dit moment blokkeert is usabilla, wat ie al jaren doet.
edit: Die was het iig niet.

[crisp]

Uhm, welke versie Firefox draai je? Object.fromEntries() zou al vanaf versie 63 moeten werken...

[Raven]

crisp schreef op maandag 6 juni 2022 @ 11:24:
Uhm, welke versie Firefox draai je? Object.fromEntries() zou al vanaf versie 63 moeten werken...

You don't wanna know , de laatste die sessie manager addons (volledig) ondersteund. Helaas ouder dan dat versienummer

Maar heeft dat ermee te maken dat alleen de FP er sinds een paar dagen last van heeft?

[crisp]

Raven schreef op maandag 6 juni 2022 @ 11:28:
[...]

You don't wanna know , de laatste die sessie manager addons (volledig) ondersteund. Helaas ouder dan dat versienummer

Maar heeft dat ermee te maken dat alleen de FP er sinds een paar dagen last van heeft?

Ja, die JS error komt uit een script voor onze nieuwe banners (het forum is bannervrij, dus heeft dat script niet), maar zorgt er hier waarschijnlijk voor dat andere scripts op dezelfde pagina daardoor ook niet meer uitgevoerd worden.

[ Voor 4% gewijzigd door crisp op 06-06-2022 11:34 ]

[Raven]

@crisp Ok, duidelijk.

[Raven]

@crisp Geen idee of het toeval is, maar sinds ik een zeer irritante verspringing veroorzakende ad heb uhm... weggewerkt, werkt de FP weer normaal

[crisp]

Raven schreef op donderdag 9 juni 2022 @ 14:52:
@crisp Geen idee of het toeval is, maar sinds ik een zeer irritante verspringing veroorzakende ad heb uhm... weggewerkt, werkt de FP weer normaal

Ja, het bleek dat het stukje code dat de JS-error veroorzaakte (met de Object.fromEntries()) eigenlijk niet meer nodig was nu we geen rekening meer met de Google Adserver hoeven te houden, dus dat heb ik er uit gesloopt

Verspringende ads proberen we overigens zoveel mogelijk te mitigeren door alvast een 100px ruimte daarvoor te reserveren; helaas heb je soms nog wel billboards die 250px hoog zijn en dus nog voor iets verspringing zorgen, maar onze nieuwe adserver is ook een poepie sneller dan Google, dus de overlast daarvan is een heel stuk minder

[Raven]

crisp schreef op donderdag 9 juni 2022 @ 15:46:
[...]

Ja, het bleek dat het stukje code dat de JS-error veroorzaakte (met de Object.fromEntries()) eigenlijk niet meer nodig was nu we geen rekening meer met de Google Adserver hoeven te houden, dus dat heb ik er uit gesloopt

crisp schreef op donderdag 9 juni 2022 @ 15:46:
Verspringende ads proberen we overigens zoveel mogelijk te mitigeren door alvast een 100px ruimte daarvoor te reserveren; helaas heb je soms nog wel billboards die 250px hoog zijn en dus nog voor iets verspringing zorgen, maar onze nieuwe adserver is ook een poepie sneller dan Google, dus de overlast daarvan is een heel stuk minder

Hier zat er een zeer duidelijk merkbare vertraging in het laden van de ad en zag geen gereserveerde ruimte. Alles van T.net stond er, toen laadde de ad en versprong alles rechts van de nieuwsberichten telkens een stuk naar beneden. Dit heb ik "opgelost" door een extra lijst aan uBlock toe te voegen...

[ Voor 61% gewijzigd door Raven op 09-06-2022 17:47 ]

[crisp]

Raven schreef op donderdag 9 juni 2022 @ 17:45:

[...]

Hier zat er een zeer duidelijk merkbare vertraging in het laden van de ad en zag geen gereserveerde ruimte. Alles van T.net stond er, toen laadde de ad en versprong alles rechts van de nieuwsberichten telkens een stuk naar beneden. Dit heb ik "opgelost" door een extra lijst aan uBlock toe te voegen...

Ik vermoed dat dat dan de fallbackbanners waren. Als je JS van tweakers.nl ook zou whitelisten (ipv juist nog meer blokkeren) dan heb je denk ik de beste balans tussen gebruiks(on)gemak en steun voor Tweakers

[Raven]

crisp schreef op donderdag 9 juni 2022 @ 20:03:
[...]

Ik vermoed dat dat dan de fallbackbanners waren. Als je JS van tweakers.nl ook zou whitelisten (ipv juist nog meer blokkeren) dan heb je denk ik de beste balans tussen gebruiks(on)gemak en steun voor Tweakers

Tweakers.nl had ik ter test wel even toegestaan in NoScript en uBlock gaf aan dat ie (met de lijst van toen) die niet blokte. Er veranderde echter niks, de verspringing bleef.

[crisp]

Raven schreef op donderdag 9 juni 2022 @ 20:15:
[...]

Tweakers.nl had ik ter test wel even toegestaan in NoScript en uBlock gaf aan dat ie (met de lijst van toen) die niet blokte. Er veranderde echter niks, de verspringing bleef.

Wellicht dat uBlock dan nog de .reserveSpace class blokkeert, of had je daar Tweakers ook in gewhitelist?

[Raven]

crisp schreef op donderdag 9 juni 2022 @ 20:26:
[...]

Wellicht dat uBlock dan nog de .reserveSpace class blokkeert, of had je daar Tweakers ook in gewhitelist?

uBlock blokte helemaal niets van Tweakers, althans, niet dat ie liet merken.

[crisp]

Raven schreef op vrijdag 10 juni 2022 @ 10:06:
[...]

uBlock blokte helemaal niets van Tweakers, althans, niet dat ie liet merken.

uBlock laat toegepaste hide-rules niet zien in de "Blocked on this page"-teller

[Raven]

crisp schreef op vrijdag 10 juni 2022 @ 10:24:
[...]

uBlock laat toegepaste hide-rules niet zien in de "Blocked on this page"-teller

Ah, daar had ik niet naar gekeken Maar goed, het probleem waar het topic voor was gemaakt is opgelost, dus deze kan wat mij betreft naar BFA met crisp in "[FP] svg en jpg door elkaar gebruikt" gemarkeerd als beste antwoord

[crisp]

Yes, bij deze