09. november 2008 - 17:39Der 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..??
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; }
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.:
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.
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.
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..??
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.
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
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..??
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.
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"..
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.
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.