Oprettet tir. d. 20. november 2012 kl. 00:15:21

mcclaud
mcclaud (8.930 point. Point ude: 0)


Kluntet visning af Java-script

Hej alle eksperter

Jeg arbejder på en hjemmeside, som scroller vertikalt. Når man scroller den i Chrome 23 hakker den noget så forfærdeligt, og det skyldes den del af siden, som indeholder en vimeofilm. Siden scroller glimrende i både Internet Explorer 9 og Firefox 16.

Kan nogen foreslå en løsning på problemet?

http://www.picturing-strategy.dk/TEST/index.htm

:o) mcclaud

Skrevet tir. d. 20. november 2012 kl. 05:01:11| #1

olebole
olebole (219.383 point)
<ole>

Hos mig scroller siden skidt i alle browsere - dårligst i Safari og Chrome. Det kan dog ikke undre, når man ser, hvor mange billeder på adskillige hundrede KB siden loader. Den er vildt overloaded med grafik.

Du kan dog gøre en masse med få greb. Tag f.eks. din gyldne baggrund. Den er 1600x1200px og fylder 350KB. I stedet kunne du med ligeså godt resultat bruge en 100x100px tile, der fylder ca. 3KB.

Jeg åbnede top-border.jpg i Photoshop og satte den til 85% og Optimized - stadig i JPG. Før 334KB - nu 34KB!

I stedet for at lægge din main-logo.png øverst (på z-aksen) og lade den være en PNG-24, kunne du lægge den under teksten. Så skal den kun blande mod baggrunden - og du kan derfor nøjes med en PNG-8, som kun fylder 37KB. Din nuværende fylder 334KB! Og du kan blive ved

Det virker lidt, som om du er vandt til at lave grafik til print. Webgrafik er en hel anden ting. Her skal der komprimeres på alle hylder  *o)

/mvh
</bole>

Skrevet tir. d. 20. november 2012 kl. 05:05:27| #2

olebole
olebole (219.383 point)
Sorry ... for top-border.jpg var tallene 168KB mod 57KB, men stadig en stor besparelse  =)

Skrevet tir. d. 20. november 2012 kl. 07:34:57| #3

TryingToImprove
TryingToImprove (4.075 point)
Hvis det var en mulighed kunne du benytte dig af <video>-tag'et fra HTML5 istedet for at gå igennem Vimeo. Og som Olebole siger, så optimer dine billeder.

Skrevet tir. d. 20. november 2012 kl. 17:14:44| #4

olebole
olebole (219.383 point)
Det er ikke videoen, der gør det alene. Hvis jeg med lidt JS i adresselinjen fjerner videoen, hakker siden stadig ved scroll i Chrome. Ikke ligeså meget, men den hakker stadig.

Siden er som sagt vildt overloaded med al for tung grafik, og derudover har jeg på fornemmelsen, der kører noget script på onscroll, som bidrager til hakkeriet

Skrevet tir. d. 20. november 2012 kl. 17:18:20| #5

olebole
olebole (219.383 point)
Derudover duer det ikke at bruge HTML5 til at vise videoer med, da der stadig er masser af browsere i brug på WWW, som ikke understøtter HTML5. Et firma som det aktuelle ville skyde sig selv i foden med meget svær kaliber, hvis ikke siden kan bruges af alle  *o)

Skrevet tir. d. 20. november 2012 kl. 20:56:19| #6

mcclaud
mcclaud (8.930 point)
Nu har jeg gennemgået al grafik og lettet gevaldigt... og det synes at have hjulpet, så det er bare alle tiders.  :o)

Det der onscroll-script, du taler om olebole, kan det evt. rettes til?

:o) mcclaud

Skrevet tir. d. 20. november 2012 kl. 21:45:50| #7

olebole
olebole (219.383 point)
Ja, det har hjulpet ret meget  =)

Måske kan det synes at grænse til 'insektsex', men din røde topbar er 105px høj, mens billedet er 140px højt. De nederste 25% af billedet viser du ikke. Det betyder, at 25% af den mængde data, jeg downloader for at se det billede, er spild. Mange bække små ender i en stor mudderpøl - eller, hvad det nu er, man siger  *D

Jeg har kun kastet 'et kort øje' på scrolling scriptet. Jeg tror, problemet er, at du forsøger at afvikle for meget ad gangen. Du skal tænke på, at onscroll ikke fyres af én gang pr. handling - som f.eks. onmouseover, onclick, etc. Onscroll fyrer kontinuerligt af, sålænge brugeren scroller ... mange gange i sekundet  =)

Skrevet tir. d. 20. november 2012 kl. 22:56:47| #8

mcclaud
mcclaud (8.930 point)
Hej olebole

Insektsex eller ej. Du har et skarpt øje... Jeg har nu tilrettet!

http://www.picturing-strategy.dk/TEST/index.htm

:o) mcclaud

Skrevet tir. d. 20. november 2012 kl. 23:20:26| #9

olebole
olebole (219.383 point)
Nu gjorde jeg faktisk det, at jeg downloadede et par billeder kl. kvart-over-bæ i nat for at være sikker på, hvormeget de kunne optimeres. Jeg foretrækker at være sikker, inden jeg kloger mig  *o)

Derfor kendte jeg billedet og faldt tilfældigt over, at jeg savnede nogle detaljer, jeg i nat så i Photoshop - og downloadede det igen, så jeg kunne tjekke højderne. Det knirker lidt i stolthedskirtlen, men jeg må indrømme, at det nok var mere held end forstand  :D

Jeg ved ikke, om du har hevet i scroll-scriptet, men nu kører det da som små lune barnefingre gennem en bakke Kærgården - også i Chrome! Om det så også virker på mere 'vitaminfattige' enheder (mobiler), må du selv teste og evt. tilpasse lidt mere.

Som jeg oplever den, er det en flot og velfungerende side. Havde hun været min kæreste, havde hun været nødt til at svare på spørgsmålet: "Kan du stave til 'god middag på Noma', Honney?". Nå, men så havde hun nok også været betydeligt mere rynket og grå i toppen  *LoL*

Keep up the good work  *o)

Skrevet ons. d. 21. november 2012 kl. 10:09:23| #10

mcclaud
mcclaud (8.930 point)
Hej olebole

Som så mange gange før, så takker jeg for dit uvurderlige bidrag. Selvom du ikke samler på point, så vil jeg så gerne have lov at give dig dem alligevel.

Hvad siger du til det?

:o) mcclaud

Skrevet ons. d. 21. november 2012 kl. 16:43:22| #11

olebole
olebole (219.383 point)
Jeg siger, at det er en fornøjelse at hjælpe folk, der værdsætter hjælp. Jeg har gennem livet modtaget bunker af hjælp fra folk, jeg ikke har kunnet 'hjælpe tilbage'. Til gengæld kan jeg lade 'karmagryden' boble videre og forsøge ar hjælpe andre. Det kan lyde lidt opstyltet, men såden er det faktisk  =)

En eller anden dag møder vi hinanden ved et tilfælde. Så kan vi klaske os på lårene af grin over at kende hinanden fra E - og så kan du få lov at give en flacon med dug og skum.

Det er et flot stykke arbejde, og det er tydeligt, du virkelig gør noget ud af siden - og så opfylder den et behov og skal bruges seriøst. Det er altid en fornøjelse at hjælpe med.

Hjælp andre, når du møder folk, der har brug for det. Det vil glæde en gammel, støvet genbrugshippie langt mere en point. Men jeg repekterer og værdsætter tilbudet  *o)

Skrevet ons. d. 21. november 2012 kl. 17:10:17| #12

mcclaud
mcclaud (8.930 point)
Jeg vil med glæde skænke dig en flakon med både dug og skum... :o)

Det lyder ikke spor opstyltet for mig. Jeg er helt på linje med dig og hjælper gerne rundt omkring. 'Karmagryden' er i øvrigt en glimrende og dækkende betegnelse.

Jeg afslutter spørgsmålet (med et svar) og takker dig endnu engang for din store hjælp.

:o) mcclaud

Skrevet ons. d. 21. november 2012 kl. 17:35:04| #13

olebole
olebole (219.383 point)
Selvtak. Vi kunne jo begynde med et par klamme Tubor ... ehhhh ... et par Tuborg klammer. Jeg giver lige det første par grønne: {}  *D

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   


Seneste spørgsmål

refresh dropdownlist, hvordan?

Oprettet den 30. oktober 2014 kl. 13.20
JJK1988 giver 60 point for svar | Giv et svar »

Hvad skal man vælge hvis man vil være super god til...

Oprettet den 24. oktober 2014 kl. 14.50
odsgaard giver 30 point for svar | Giv et svar »

Problem med jQuery script

Oprettet den 24. oktober 2014 kl. 12.27
webbe giver 30 point for svar | Giv et svar »

Seneste guides

Find ejeren af et vilkårligt domæne
Undgå reklamerne på iPad
Opret BOOTBAR USB pen ...





Computerworld

Teaser billede

Da Google overskred min grænse

Jeg accepterer betingelser på et splitsekund, deler personlige data på Facebook uden at se mig tilbage og forfølges gerne af reklamer. Men jeg har fundet min grænse. Den hedder Google Glass - og...

CIO

Teaser billede

Gode jobsøgningsråd: Skriv en ansøgning, der får dig til jobsamtale

En ekspert giver seks gode råd til, hvordan du skriver den perfekte ansøgning.

Comon

Teaser billede

Test: Mini-computer fra Gigabyte har overraskende meget kraft

Gigabyte's Brix Pro (GB-BXi7-4770R) har overraskende meget kraft i så lille et chassis, men størrelsen giver også problemer.

Channelworld

Teaser billede

Amerikansk it-selskab køber danske Careitec: Skal bruges til europæisk offensiv

Amerikansk it-selskab overtager dansk forhandler, der kommer til at spille en central rolle i amerikanernes europæiske offensiv.

White paper

Teaser billede

Database- og applikationsmigration

Migrer fra det forældede ADABAS/Natural til en relationsdatabase med en løsning fra BluePhoenix, der reducerer pris, risiko og tidsforbrug.



Udgiver · © 2014 Computerworld A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger