Avatar billede kiwankow Nybegynder
09. november 2008 - 17:39 Der er 30 kommentarer og
1 løsning

Hjælp til stylesheet

Hej Jeg har en side som er rimelig længe om at loade og vil derfor prøve at lave et bedre stylesheet. Er der nogen der kan fortælle mig hvordan jeg laver de forskellige indstillinger for specifikke dele af siden..??

Jeg har f.eks. en del divs som er formateret direkte i htmlfilen men kan disse laves individuelt i stylesheet og hvordan..??
Avatar billede w13 Novice
09. november 2008 - 17:41 #1
Ja, hvis du sætter et id på et element, f.eks. id="test", så kan du bruge dette i CSS:

#test {
  //properties her
}

Eller class="test" og så i CSS:

.test {
  //properties her
}

Det må være det, du mener. Ellers må du forklare det nærmere.
Avatar billede kiwankow Nybegynder
09. november 2008 - 17:48 #2
mener du eks. <div id="test" ...........></div>
Avatar billede w13 Novice
09. november 2008 - 17:49 #3
Jep.
Avatar billede kiwankow Nybegynder
09. november 2008 - 17:54 #4
hvordan skal dette f.eks. skrives i css..??

style="border:solid black 1px; max-width:915px"
Avatar billede kiwankow Nybegynder
09. november 2008 - 18:01 #5
vil det gøre siden hurtigere hvis jeg koder alting om på denne måde eller er det bare spild af tid..??
Avatar billede w13 Novice
09. november 2008 - 18:05 #6
Det er svært for mig at sige. Nu kortere koder, du bruger, nu hurtigere vil siden loade. Men det lyder mere som et serverside-problem. Bruger du ASP, PHP eller lign. på siden?

Og kan jeg evt. se et link?

style="border:solid black 1px; max-width:915px"

skrives jo bare:

  border:solid black 1px;
  max-width:915px;

i CSS.

F.eks.:

#test {
  border:solid black 1px;
  max-width:915px;
}
Avatar billede kiwankow Nybegynder
09. november 2008 - 18:09 #7
jeg prøvede lige med background-color: #00ff00 men det ændrede ikke baggrundsfarven..!!??

http://kunstzone.dk
Avatar billede thesurfer Nybegynder
09. november 2008 - 18:15 #8
Billeder tager tid at loade, og tager også båndbredde. Disse skal derfor loades og caches, hvilket sker automatisk, med mindre du aktivt forhindre dette (f.eks. med tilføjelse af tilfældig tal)

Ting som CSS og JavaScript bliver cached, så de skal bare ud i eksterne filer, og loades med f.eks.:

CSS:  <link rel="stylesheet" href="filen.css" type="text/css">

java script:  <script type="text/javascript" src="filen.js">

Undgå så vidt muligt inline CSS og JavaScript.
Avatar billede w13 Novice
09. november 2008 - 18:18 #9
Der var da fornylig et spørgsmål herinde om optimering af kunstzone.dk.

Jeg ved ikke, hvad du har sat background-color: #00ff00; på, så jeg skal ikke kunne sige, hvorfor det ikke virker. Du kan have sat det på noget forkert.

På Kunstzone.dk er det ikke CSS, HTML og JavaScript, der gør siden langsom. Jeg ved ikke, hvad det er, men det er i hvert fald ikke de 3.
Avatar billede kiwankow Nybegynder
09. november 2008 - 18:19 #10
thesurfer: css ligger allerde i sin egen fil, og jeg bruger ikke java.!!

Hvad mener du med om jeg forhindrer billederne i at blive cached..??
Avatar billede w13 Novice
09. november 2008 - 18:20 #11
Du har nok ikke forhindret det så. Det er ikke noget, man gør ubevidst. Og det er heller ikke billederne, der sløver siden sådan. Det er noget på serveren.
Avatar billede kiwankow Nybegynder
09. november 2008 - 18:20 #12
w13: ja jeg havde et spørgsmål tidligere men der blev jeg ikke rigtig klogere for der var ingen hjælp at finde. derfor tænkte jeg at jeg ville prøve med css men det er åbenbart heller ikke det..??
Avatar billede w13 Novice
09. november 2008 - 18:22 #13
Nej, det ligner noget serverside. Prøvede du ikke sidst at fjerne forskellige sektioner af siden for at finde ud af, hvilken del der sløvede den?
Avatar billede thesurfer Nybegynder
09. november 2008 - 18:31 #14
kiwankow> Husk at "Java" og "JavaScript" er 2 vidt forskellige ting..

De tips jeg gav i 09/11-2008 18:15:48 var at hjæle på klientsiden (browseren). I Mozilla Firefox 3 er der et værktøj, der kan hjælpe yderligere med optimeringen på klientsiden..


Jeg vil give w13 ret i, at hvad end det er der er skyld i at din side bliver sløv, sker det før siden når browseren.
Avatar billede kiwankow Nybegynder
09. november 2008 - 18:34 #15
jo men jeg fandt intet der gjorde siden hurtigere, og nu har jeg lejet min egen server og det har heller intet hjulpet

Altså jeg ved godt den er hurtig til at hente css filen men meget af det er jo defineret i index filen istedet for i css og spørgsmålet er om dette vil hjælpe..??

Der var også nogen der nævnte noget med at åbne og lukke databsen hver gang noget skal hentes istedet for at holde den åben hele tiden
Avatar billede kiwankow Nybegynder
09. november 2008 - 18:35 #16
thesurfer: og det kan ikke være fordi indexfilen er for lang..??
Avatar billede kiwankow Nybegynder
09. november 2008 - 18:39 #17
på denne testside:

http://tools.pingdom.com/fpt/?url=kunstzone.dk&treeview=0&column=objectID&order=1&type=0&save=true

ser det for mig ud som om at det er html filen eller det vil sige main.tpl der er ekstremm længe om at loade, og det skyldes måske jeg ikke har defineret tingene i css men direkte i filen..??
Avatar billede w13 Novice
09. november 2008 - 18:40 #18
Nej, du bør ikke åbne og lukke databasen hele tiden. Dette vil forringe sidens performance.

Som sagt virker problemet ikke som noget, der relaterer til HTML, CSS eller JavaScript, så derfor burde det heller ikke være fordi, indexfilen er for lang.
Avatar billede w13 Novice
09. november 2008 - 18:40 #19
Og nej, heller ikke det med at definere tingene i CSS kan forårsage en så lang loadtid.
Avatar billede thesurfer Nybegynder
09. november 2008 - 18:43 #20
Så vidt jeg ved, skal inline elementer altid parses, dvs kigges igennem og afvikles. Det betyder at de skal "downloades" fra din server og til den lokale maskine (brugerens), for derefter at blive afviklet.

Da CSS og JavaScript kan caches når de er i eksterne filer, vil browseren automatisk gemme en kopi af filerne. Det betyder at den ikke længere skal bruge tid og båndbredde på at downloade filerne.

Hvis du ikke lukker forbindelsen, kan du meget vel ende med at få fejl som får din side til at gå ned, fordi der ikke længere at forbindelser tilgængelige.

Forstil dig at du har 20 kuglepenne (1 kuglepen = 1 forbindelse til databasen). Hvis du tager en kuglepen (data fra databasen) og smutter med den, uden at returnere den, er der kun 19 andre der kan få noget at skrive med (=data fra databasen). Når der så kommer en person mere der vil låne en kuglepen (oprette forbindelse til databasen), går der ged i den, da der ikke længere er flere kuglepenne (forbindelser).

Derfor:
1) Åben forbindelsen
2) Hent de ting ud du har brug for
3) Luk forbindelsen

Når du er mere rutineret, vil du begynde at optimere siden bedre, i det du har et overblik over hvad der SKAL hentes hver gang, og hvad der KAN caches i stedet for at blive hentet fra databasen.
ASP har nemlig det der hedder "session"..
Avatar billede kiwankow Nybegynder
09. november 2008 - 18:43 #21
w13: prøvede du at klikke på det link jeg postede..?? 12-15sekunder før der sker noget..?? kan man se noget ud fra det..??

Hvordan sørger jeg for at databasen er åben hele tiden..??
Avatar billede w13 Novice
09. november 2008 - 18:44 #22
I øvrigt kan jeg se, at du stadig definerer mange stier med:

http://kunstzone.dk//registration/

Nu har du så bare sat et ekstra / på i forhold til før.

Du skal helt fjerne http://kunstzone.dk over alt i koden. Dette forårsager ikke den lange load-tid, men det vil stadig gøre det lidt værre og det er meget besværligere at arbejde med.

Det skal derfor bare være:

/registration/
Avatar billede w13 Novice
09. november 2008 - 18:45 #23
Ja, jeg så linket men fik ikke så meget ud af det.

Og du holder forbindelsen åben ved at kode det i PHP. Hvis du ikke ved, hvordan skal gøres, så er der ikke meget at gøre ved det.
Avatar billede kiwankow Nybegynder
09. november 2008 - 18:50 #24
hvis jeg fjerner det i koden virker det ikke. har gjort det nu så du kan prøveat tjekke
Avatar billede w13 Novice
09. november 2008 - 18:50 #25
Fjerner hvad?
Avatar billede w13 Novice
09. november 2008 - 18:52 #26
Du må mene de mærkelige stier.

Jeg skrev også: "Dette forårsager ikke den lange load-tid."

Det er bare en meget vigtig detalje, som dog ikke har noget med dit problem her at gøre.

Men som du har gjort nu, er det korrekt, så lad det være sådan. Det får du mere ud af.
Avatar billede kiwankow Nybegynder
09. november 2008 - 19:04 #27
så der er altså ikke flere forslag..?? findes der nogen steder man kan få lavet en ratis online analyse der vil kunne finde fejlen..??
Avatar billede w13 Novice
09. november 2008 - 19:06 #28
Du havde skiftet server, sagde du?
Avatar billede kiwankow Nybegynder
09. november 2008 - 20:03 #29
ja jeg har lejet en hosted server hos danhost
Avatar billede w13 Novice
09. november 2008 - 21:23 #30
Har du også prøvet at fjerne de forskellige dele af koden? F.eks. også fjerne alt og se, om den så henter siden hurtigt?
Avatar billede kiwankow Nybegynder
14. november 2008 - 07:49 #31
lukket
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
Kurser inden for grundlæggende programmering

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