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

mcclaud
mcclaud (8.535 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 (218.888 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 (218.888 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.580 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 (218.888 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 (218.888 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.535 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 (218.888 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.535 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 (218.888 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.535 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 (218.888 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.535 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 (218.888 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

jquery - finde alle id med bestemt value og gemme...

Oprettet den 22. juli 2014 kl. 02.12
codeadmin giver 60 point for svar | Giv et svar »

Javascript function returnerer undefined?

Oprettet den 21. juli 2014 kl. 19.39

Google Charts - tekst indeni donut

Oprettet den 15. juli 2014 kl. 11.46
warberg giver 30 point for svar | Giv et svar »

Seneste guides

Undgå reklamerne på iPad
Malwarebytes version 2.0





Computerworld

Test: OnePlus One er en toptelefon til bundpris

Kinesiske OnePlus overraskede smartphone-markedet med en flagskibstelefon på niveau med toppen, men til den halve pris. Og der er god grund til, at de store producenter skal være opmærksomme, for...

CIO

Teaser billede

Sådan nedgraderer du nemt Windows 8 til Windows 7

Du kan nemt nedgradere fra Windows 8 til Windows 7. Men pas på: Vejen tilbage til Windows 8 kan være besværlig. Vi har forsøgt at ned- og opgradere begge veje. Se her, hvordan det er gået.

Comon

Teaser billede

Anmeldelse: Genial streaming til dit fjernsyn - til en rørende pris

Googles Chromecast blev i sidste måned sat til salg i Danmark efter næsten et års ventetid. Computerworld har kigget på det lille vidunder, som lader dig streame internet-tv på din fladskærm -...

Channelworld

Teaser billede

13 'sandheder' om it-sikkerhed som ikke holder vand

En række sikkerhedseksperter hjælper dig her til at tage kritisk stilling til blandt andet malware, 0-dagssårbarheder og compliance.

White paper

Teaser billede

Spar med en moderniseringsplan

BluePhoenix tilbyder et 'Modernization Roadmap Study', som viser præcist hvilken it, der bør moderniseres, og hvor mange penge du kan spare.



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