Avatar billede venchil Nybegynder
23. december 2004 - 10:59 Der er 15 kommentarer og
2 løsninger

Layout med mere CSS.

Hej Eksperter!
Jeg har flere gange fået at vide, at mit layout tager en krig at loade. Jeg bruger nemlig ikke så meget CSS i det, og jeg tror det kan være løsningen. Er der nogen der kan sige mig hvordan jeg kan lave dette layout i CSS. Evt. give mig lidt kode?
Avatar billede sw_red_6 Nybegynder
23. december 2004 - 11:03 #1
hvis du ikke kender CSS vil jeg foreslå at du kigger på http://netexplorer.dk/tutorial/css/ eller http://www.w3schools.com/css/default.asp
Avatar billede sw_red_6 Nybegynder
23. december 2004 - 11:04 #2
hvis du vil have hjælp til at ændre på dit layout ville det måske være en ide at vi vidste hvordan det ser ud. prøv at komme med et link det kan gøre det en del nemmere
Avatar billede Slettet bruger
23. december 2004 - 11:12 #3
yep... :P du kan evt. også prøve HTML.DK ..
Avatar billede venchil Nybegynder
23. december 2004 - 13:03 #4
HAR læst både netexplorer, w3 og html.dk.

UPS. Her er linket: www.anime-park.tk
Avatar billede knudgert Nybegynder
23. december 2004 - 17:42 #5
Det er mere dine billeder, der er skyld i at siden tager lang tid at loade.
Først en overflødig splashside med et billede på omkring 200 kilobytes og når man så går videre, et topbanner på samme størrelse, et baggrundsbillede, der fylder omkring 189 kilobytes, nogle små billeder på omkring 12 kilobytes hver.

Så optimer først og fremmest dine billeder, de behøver ikke fylde mere end 25% af hvad de gør nu.

Om du bruger css eller gl.dags kode gør ikke nogen forskel af betydning m.h.t. loadtid, men det vil da være en god ide at gå over til css.
Avatar billede knudgert Nybegynder
23. december 2004 - 17:47 #6
Og der er ovenikøbet to tunge baggrundbilleder på siderne ;-)
Avatar billede olebole Juniormester
23. december 2004 - 21:30 #7
<ole>

En lille rettelse til knudgerts indlæg: CSS kan ikke bedre loadtiden på den første side, du henter. Hvis CSS'en ligger i en separat fil, vil denne dog kun blive downloaded ved det første side-kald på sitet. Derefter vil filen være lokalt tilgængelig, hvorfor PC'en efterfølgende ikke henter den fra serveren ved hvert side skift.

Når det er sagt, er jeg ellers helt enig med knudgert: Komprimer dine billeder. I sammenligning med den gevindst, betyder CSS ikke det store. Du kunne måske også overveje helt at undlade din 'splash-screen'.
Spørgsmålet er: Bringer den 'handlingen' videre - eller bremser den brugerens oplevelse?
Personligt rakte min egen tålmodighed til et klik på billedet, efterfulgt af 4-5 sekunders ventetid ... så blev browseren lukket. Dér tror jeg, rigtig mange andre brugere også vil stå af  ;o)

/mvh
</bole>
Avatar billede knudgert Nybegynder
23. december 2004 - 21:43 #8
Nej, brug af css på selve siden vil ikkde forbedre loadtid, teoretisk vil det måske betyde lidt, hvis man bruger et cssark, men absolut ikke noget, man vil mærke og det mener jeg også at jeg skriver.

Men derfor vil det da stadig være en god ide, at gå over til css under alle omstændigheder.
Avatar billede olebole Juniormester
23. december 2004 - 22:40 #9
... alt afhænger af mængden af CSS-data. 1k er 1k, uanset hvad slags kode, der er tale om ... og skal det 'ned gennem hullet', tager det den ekstra tid, disse data er om at komme ned  :)
Af hensyn til søgemaskiner er det som oftest en fordel at bruge en remote CSS-fil - og det samme gælder JavaScript.
Desuden er der den fordel, at styles og scripts ikke skal escape'es som CDATA, når man engang kan komme til at anvende XHTML - så det er nok slet ikke så tosset at blive vandt til.
Avatar billede venchil Nybegynder
24. december 2004 - 10:51 #10
Hvad mener i med komprimere?
Avatar billede knudgert Nybegynder
24. december 2004 - 11:59 #11
jpgbilleder er komprimerede billeder, som kan komprimeres mere eller mindre.
I et grafikprogram kan du sætte komprimeringen op og det kan du gøre uden noget synligt resultat (af betydning).

F.eks. fylder din splash.jpg nu 202 KB, komprimerer du det, så kan du får det til at fylde kun 20 KB og dermed meget hurtigere loadtid, prøv at se om du kan se nogen forskel.
Komprimeret: http://home13.inet.tele.dk/smedpark/images/splash.jpg
Avatar billede venchil Nybegynder
24. december 2004 - 12:46 #12
Ja... Det er sandelig komprimering. Glemte helt hvordan jeg gjorde det i phototshop engang. Men læg mærke til at kvaliteten desværre ikke er så god. Men jeg kan vel justere det lidt. Tak skal du have Knudgert.
Avatar billede venchil Nybegynder
24. december 2004 - 12:48 #13
Vær venlig at svar. Vil gerne give point til olebole og knudgert
Avatar billede knudgert Nybegynder
24. december 2004 - 16:13 #14
Det gælder om at finde det rette forhold i komprimeringen, hvor man stadig har et brugbart resultat.

Iøvrigt, når du har Photoshop, så har du også ImageReady og den er bedre til at lave billeder til webbrug med.

Når du åbner et billede i ImageReady, så er der en optimised mulig, hvor du kan se billedet i forskellige kvaliteter.
Avatar billede venchil Nybegynder
25. december 2004 - 14:24 #15
ok, tak
Avatar billede doggy82 Praktikant
28. december 2004 - 02:23 #16
Du burde også fjerne den grimme pop-up.
Log ind her http://my.dot.tk/cgi-bin/login01.taloha der kan du deaktivere den :)

Og dit top banner kan komprimeres meget mere.
Avatar billede doggy82 Praktikant
28. december 2004 - 02:25 #17
Ang. pop-up så er det under "My Marketing" - sæt hak i "No banner", scroll til bunden og tryk "Continue...". Viola!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester