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

mcclaud
mcclaud (8.565 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.918 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.918 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.610 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.918 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.918 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.565 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.918 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.565 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.918 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.565 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.918 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.565 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.918 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

2 x onload i <body....>

Oprettet den 28. juli 2014 kl. 21.48
nemlig giver 60 point for svar | Giv et svar »

Scroll med forskellige hastigheder på elementer

Oprettet den 24. juli 2014 kl. 14.36
burgerjens giver 60 point for svar | Giv et svar »

Hvordan appender man elementer i et multidimentionalt array

Oprettet den 24. juli 2014 kl. 14.20
flemche giver 45 point for svar | Giv et svar »

Seneste guides

Undgå reklamerne på iPad
Malwarebytes version 2.0





Computerworld

Teaser billede

Apple skruer voldsomt op for forventningerne til iPhone 6

Apple regner med virkelig store salgstal, når de nye iPhone 6-modeller med betydeligt større skærme lander i butikkerne. Mulige problemer med skærmene kræver også større produktion.

CIO

Teaser billede

Derfor ender store softwareprojekter som det rene juks

Store softwareprojekter ender alt for ofte i store problemer - og kan ligefrem true virksomhedens eksistens. Her er forklaringen.

Comon

Teaser billede

Masser af plads: Ny harddisk fra WD på seks terabyte

Western digital kommer nu med en ny harddisk i WD Red-serien på hele seks terabyte beregnet til NAS og målrettet mellemstore- og større virksomheder.

Channelworld

Teaser billede

Erklæret tilhænger af fastansatte har købt ... et freelancekonsulenthus

Scott/Tiger, som er svoren tilhænger af fastansatte konsulenter, har netop købt freelancekonsulenthuset Dana Consult kontant. Men det giver god mening, siger direktøren.

White paper

Teaser billede

Mobility og autentificering

Aladdin eToken er et stærkt token lifecycle management-system, som understøtter to-faktor-autentificering og fungerer med VPN og kryptering.



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