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

mcclaud
mcclaud (8.650 point. Point ude: 100)


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.203 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.203 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 (3.895 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.203 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.203 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.650 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.203 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.650 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.203 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.650 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.203 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.650 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.203 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

Show-Hide div

Oprettet den 21. september 2014 kl. 17.37
mcclaud giver 100 point for svar | Giv et svar »

Oprette værktøjslinje i proceslinjen i java-program

Oprettet den 20. september 2014 kl. 00.26
jamark giver 200 point for svar | Giv et svar »

Ny fejl efter flere års brug

Oprettet den 17. september 2014 kl. 19.09
htx98i17 giver 200 point for svar | Giv et svar »






Computerworld

Teaser billede

Her er de så: Alle anmeldelserne af Apples nye iPhone 6

Apples iPhone 6 er på vej ud i butikkerne, og nu offentliggøres anmeldelserne af den nye iPhone i en lind strøm. Få overblikket her.

CIO

Teaser billede

It-direktør i DLG: Vi bruger tre trin til at opfylde vores forretningsmål gennem it

DLG har samlet mere end 50 selskaber og 8.000 medarbejdere under den samme it-paraply. Det gav nogle uforudsete udfordringer.

Comon

Teaser billede

Nyt actionkamera filmer 360 grader rundt - film din hverdag a la Google StreetView

Med et lille frø-lignende kamera vil du inden længe for en lille penge kunne filme 360 rundt nøjagtigt som Googles StreetView-kamera. Sammen med virtual reality-brillen Oculus Rift kan kameraet...

Channelworld

Teaser billede

Kommune droppede iPads: De var for billige - og for besværlige

En klar pædagogisk strategi og hensynet til det eksisterende it-setup fik lærere og politikere i Nordfyn Kommune til at dumpe iPads, da der skulle købes tablet-computere til eleverne - også selv om...

White paper

Teaser billede

Vellykket konsolidering af datacentret

Få store besparelser ved downsizing og konsolidering af datacentret allerede i løbet af måneder. Læs her om fordelene.



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