Safari problém so zobrazovaním

24. 7. 2020 12:04:55

Klientovi sa riešila optimalizácia webu. Všade je všetko v pohode, akurát na Safari na Macu sa zobrazuje podľa klienta zle respektíve chýbajú viaceré obrázky. Ja nevyužívam produkty od Apple, tak to neviem overiť, ale podľa screenov od klienta to tak je. Tí, čo to viete pozrieť na Macbooku a Safari, neviete čo by s tým mohlo byť?

24. 7. 2020 12:04:55

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458404

IQcam

(9 hodnocení)

24. 7. 2020 12:17:19

1595585924-905611891.png | Pinf IHost

24. 7. 2020 12:17:19

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458403

Dominik Hašek

(12 hodnocení)

24. 7. 2020 12:24:04

Tvl nahrávat do elementů o velikosti 360x280px obrázky s rozlišením 2560x1600 to je slušnej overkill. Já jsem si říkal proč se mi ten web tak dlouho načítá :-D

Jinak k tématu, ten obrázek je ve formátu .webp, ikdyž má příponu .jpeg. Proto to safari nezobrazí - ty kterých se to týká. Například tento url("https://www.volitaoknadvere.sk/wp-content/uploads/2020/06/AdobeStock_184029423-scaled.jpeg") ale je jich tam více.

24. 7. 2020 12:24:04

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458402

Petr Gargulák

(12 hodnocení)

24. 7. 2020 12:38:06

safari problem with image - Hledat Googlem

24. 7. 2020 12:38:06

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458401

Jozef Kotrý

(37 hodnocení)

24. 7. 2020 12:39:28

Napsal Toliceek;1591590
Tvl nahrávat do elementů o velikosti 360x280px obrázky s rozlišením 2560x1600 to je slušnej overkill. Já jsem si říkal proč se mi ten web tak dlouho načítá :-D

Jinak k tématu, ten obrázek je ve formátu .webp, ikdyž má příponu .jpeg. Proto to safari nezobrazí - ty kterých se to týká. Například tento url("https://www.volitaoknadvere.sk/wp-content/uploads/2020/06/AdobeStock_184029423-scaled.jpeg") ale je jich tam více.

Ďakujem za podnet, obrázky boli zbytočne veľké, každý obrázok na webe som skomprimoval na maximálnu veľkosť 1600px na šírku. A k téme, obrázky sme dávali do formátu WEBP, pretože to Google Pagespeed vyžadoval, nejaká možnosť ako to vyriešiť? Alebo máme aktualizovať adresu v Elementore?

24. 7. 2020 12:39:28

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458400

Dominik Hašek

(12 hodnocení)

24. 7. 2020 12:44:23

Takže to co teď ukazuje google pagespeed je už po optimalizaci? To je slušnej mazec. Jinak i 1600px obrázek je pořád více jak 4x větší než je v určítých případech potřeba. Co třeba nahrávat v takové velikosti, jaká je pro daný element potřeba?

Jinak většina obrázků na webu není ve webp, ale v jpeg. To proč ty obrázky které jsou ve webp mají příponu .jpeg mě trošku míjí.

Nejnovější safari (verze 14) už webp umí, ale starší ne. Je tedy třeba buďto řešit fallback, nebo webp nepoužívat. Nebo si klient může aktualizovat safari :-D

24. 7. 2020 12:44:23

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458399

Jozef Kotrý

(37 hodnocení)

24. 7. 2020 13:02:04

Napsal Toliceek;1591593
Takže to co teď ukazuje google pagespeed je už po optimalizaci? To je slušnej mazec. Jinak i 1600px obrázek je pořád více jak 4x větší než je v určítých případech potřeba. Co třeba nahrávat v takové velikosti, jaká je pro daný element potřeba?

Jinak většina obrázků na webu není ve webp, ale v jpeg. To proč ty obrázky které jsou ve webp mají příponu .jpeg mě trošku míjí.

Nejnovější safari (verze 14) už webp umí, ale starší ne. Je tedy třeba buďto řešit fallback, nebo webp nepoužívat. Nebo si klient může aktualizovat safari :-D

Bohužiaľ PageSpeed je v tomto dosť špecifický. GTMetrix má dosť pekné výsledky, bohužiaľ PageSpeed po nás vyžadoval vynútenie si JavaScriptu v . Tým sme sa v rámci PageSpeed dostali až o 50 bodov vyššie, bohužiaľ to pokazilo vykresľovanie cca. 70% obsahu stránky, tak sme sa rozhodli, že PageSpeed proste necháme. Čo sa obrázkov týka, tak klient na niektorých miestach vyžadoval zbytočne veľké 1500+px, tak som mu to nechal, ja osobne využívam pre obsah webu mimo sliderov 900-1000px max.

No, popravde konverziu obrázkov na WEB sme riešili hromadne skriptom, takže je možné, že mnohé ostali v pôvodných súboroch, na tom webe bol všeobecne obrovský problém s cache

Je nejaká možnosť ako zobrazovať len pre Safari JPG verziu a pre zbytok prehliadačov WEBP? Klient si zakladá na hodnoteniach služieb ako GTMetrix a nechcem v tom prísť o body, ale zas nemám ako vynútiť aby mal každý návštevník najnovšie Safari.

24. 7. 2020 13:02:04

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458398

Dominik Hašek

(12 hodnocení)

24. 7. 2020 13:06:35

Já nechci nikoho urazit, ale ten web podle mě dělal někdo, jehož znalosti WP končí u instalace pluginu. Problém s obrázkem jsem pomohl odhalit, řešení je už plný google :)

To že při nahrávání obrázků neberete v potaz, v jakém elementu budou zobrazeny nebudu raději komentovat, nerad bych byl sprostý (případně to neřešíte alespoň systémovým resizem obrázků, chápu že klient to dělat většinou nebude).

24. 7. 2020 13:06:35

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458397

Smazaný účet hvLPwPN09D

(3 hodnocení)

24. 7. 2020 13:42:05

Napsal Toliceek;1591593
Takže to co teď ukazuje google pagespeed je už po optimalizaci? To je slušnej mazec. Jinak i 1600px obrázek je pořád více jak 4x větší než je v určítých případech potřeba. Co třeba nahrávat v takové velikosti, jaká je pro daný element potřeba?
Jinak většina obrázků na webu není ve webp, ale v jpeg. To proč ty obrázky které jsou ve webp mají příponu .jpeg mě trošku míjí.
Nejnovější safari (verze 14) už webp umí, ale starší ne. Je tedy třeba buďto řešit fallback, nebo webp nepoužívat. Nebo si klient může aktualizovat safari :-D

Bohužel, ani ta 14 ho neumí, i když to o sobě říká. https://twitter.com/EduardStula/status/1283037690791895041 . A celkově to se Safari jde od desíti k pěti https://twitter.com/machal/status/1285829438568108032

24. 7. 2020 13:42:05

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458396

Pavel Mareš

(19 hodnocení)

24. 7. 2020 13:49:55

1. více CSS inline pomalu než v souborech ... a že jich není málo

2. 3 fonty ale naprosto všechny variace ... už 3 fonty jsou dost ...

3. cachování špatně ... proto response time nad 3 vteřiny .... NAD 3 VTEŘINY ... běžně se za hodně považuje 350ms a více

4. hele formát WEBP s koncovkou JPEG :D ... nevím, co se komu honilo v hlavě, ale myslet si, že obelstíš kódování obrázku prohlížeče pomocí změny názvu souboru, takhle to fakt nefunguje

5. favicona chybí

6. 34,9 vteřinpráce javascriptu :D wau ... (jen evaluace trvala 16,9 vteřiny)

7. JEDEN OBRÁZEK 750 kB :D https://www.volitaoknadvere.sk/wp-content/uploads/2020/06/IMG_0480-scaled.jpg ....

Tolik věcí špatně sem ještě neviděl ... s tímhle, kdyby přišel klient, tak to je na vyhození, respektive na předělání.

a topka na celým webu mi přijde to, že tvůrce na sebe nedokáže ani dát správně odkaz, protože odkaz v patičce vede na https://www.volitaoknadvere.sk/onlinefamily.sk

Yellow Lab Tools

24. 7. 2020 13:49:55

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458395

Dominik Hašek

(12 hodnocení)

24. 7. 2020 13:57:29

On jim koukám ani ten jejich web nefunguje :-D Menu mrtvé, tlačítka mrtvá.

24. 7. 2020 13:57:29

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458394

Smazaný účet hvLPwPN09D

(3 hodnocení)

24. 7. 2020 14:03:35

Jen přetextovaná šablona no. Taky jsem to dělal dřív, ale měl jsem alespoň tu píli dodělat prolinkování za těch pár tisíc...

24. 7. 2020 14:03:35

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458393

Jozef Kotrý

(37 hodnocení)

24. 7. 2020 14:16:49

Hele, ja už som dostal ten web hotový. :D Ja som pracoval s dátami z GTMetrixu, tam je tá optimalizácia relatívne v poriadku, ale zas chápem, že z webu ako je/bol tento, tak nejaké maximum bez úplného prerobenia nikdy nedostanem, a na to klient nemal rozpočet

24. 7. 2020 14:16:49

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458392

Smazaný účet hvLPwPN09D

(3 hodnocení)

24. 7. 2020 14:23:56

No, řada těch problémů se zrovna na Wordpressu dá docela dobře zachránit pluginy na Cachování, zpětně jde pomocí pluginu i dořešit ty velikosti obrázků. To samý nahrazení těch fontů. Nemělo by to klienta nějak zruinovat, protože to není tak časově náročný.

24. 7. 2020 14:23:56

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458391

David Hampl

(86 hodnocení)

24. 7. 2020 14:32:28

Já bych jako klient strašně miloval zadat někokomu práci, aby on by můj web postnul na fórum s prosbou o radu. Už jen kvůli nerelevantní návštěvnosti bych byl štěstím bez sebe. Nehledě na to, jak bych se mohl radovat nad tím, jakého jsem si vybral profíka...

24. 7. 2020 14:32:28

https://webtrh.cz/diskuse/safari-problem-so-zobrazovanim#reply1458390

Pro odpověď se přihlašte.

Přihlásit