Hemsidan förlorar sin CSS i 1 sekund ibland.

Events happening in the community are now at Drupal community events on www.drupal.org.
ChristianP's picture

Hej, jag har stött på ett inte så kanske allvarligt problem, men en klient har till och med klagat så nu börjar det bli ganska allvarligt. Jag har gjort en vanlig hemsida med standardmoduler, inget speciellt. Ibland när man navigerar mellan topplänkarna, inte våldsklickar men klickar med kanske 1 sekunds mellanrum så tappar sidan sin CSS i 1 sekund för att sedan byta till den sida man klickat på, vad är det som händer? Det händer inte ofta, men kanske var 15:e klick eller nåt, svårt att säga. Jag använder för övrigt skelett-temat Blueprint. Detta har jag även stött på när man bygger sidan och klickar på F5 (uppdatera) för många gånger i rad, då kan sidan tappa sin CSS i typ 10 sekunder, varför gör den såhär? Någon annan som har stött på samma sak? Har provat att sätta på cachning för CSS, men det hjälpte inte.

Comments

Något liknande... kanske...

sl27257's picture

Jag är inte 100% säker på vad du menar men jag har sett två liknande saker som bara inträffar under IE för mig.

1)Om man har bilder på sidan så verkar det som att sidan först genereras och sedan när den är klar så räknar IE om positioner för att anpassa sig till bildernas storlek. Ibland blir resultatet jättefult. Vad jag kommit fram till så beror det på att inte alla bilder har height och width angvet vilket får tillföljd att storleksestimeringen inte blir rätt.

2) Jag ser det ibland när css:en laddas om. Då kan det ta en stund tills sidan får rätt utseende. Jag har inte grävt i orsaken men det skulle kunna vara långsam förbindelse, eller någon cache på vägen (Har en cachande brandvägg mellan mig och nätet) som gör att det tar ett tag tills css:en laddats ner. Har du provat att ändra inställningar för hur ofta sidan skall verifieras mot originalet?

Men det kan vara så att jag är helt ute och cyklar...

/Thomas

Iofs så har jag inte gett

ChristianP's picture

Iofs så har jag inte gett CSS-cachning någon vidare rättvis bedömning. Kan ju testa sätta på den och låta den gå ett tag för att se om det kanske fixas.

I kort: Det som händer är att i kanske 0,5-1 sec så hamnar allt innehåll till vänster med vit bakgrund, times new roman, blåa fula länkar på en höjd, för att sen återställas till det riktiga. Händer som sagt inte ofta, men kanske var 15:e-25:e eller mer sällan per klick på navigeringsmenyn. Jag tror även att man måste bläddra snabbt, alltså så fort en sida är klarladdad så går man över till nästa.

Vilka webbläsare?

Letharion's picture

I vilka webbläsare ser du problemet?
Känner inte igen felet och även jag kan vara helt fel ute, men en webbläsare med lite intelligens borde väl cacha css:erna själv, så att problemet inte skulle dyka upp? Så trodde jag alla moderna webbläsare fungerade. Man har ju slitit sitt hår en och annan gång över att ens nya css inte dyker upp, tills man kommer ihåg att testa tömma browser cachen.

I firefox händer det för min

ChristianP's picture

I firefox händer det för min kollega. För mig har det hänt kanske 1 gång knappt, så det är skitsvårt att veta. Men vår klient hade också upptäckt det, vet tyvärr itne vilken webbläsare han använde. Jag använder senaste Firefox. För mig har det dock hänt ibland när man sitter och bygger och trycker på uppdatera flera gånger i rad, då kan sidan helt plötsligt temporärt paja i kanske 10 sekunder, alltså förlora stylingen, och uppdatera hjälper inte, man måste helt enkelt vänta. Vette fan alltså.

Försök tvinga fram felet med

Letharion's picture

Försök tvinga fram felet med Firebugs "net"-funktion igång, så kanske du får en ledtråd till vad som tar sån tid.

Är inte så high på Firebug,

ChristianP's picture

Är inte så high på Firebug, hur menar du tvinga fram? :) Jag har aktiverat "net" men vet inte vart jag ska gå sen.

"Tvinga" var dåligt ordval av

Letharion's picture

"Tvinga" var dåligt ordval av mig. Bara reproducera felet som du gjort tidigare. Klicka runt och ladda om till problemet händer, kolla sen på Firebugs graf vad som tog tid.

Detta fick jag fram när det

ChristianP's picture

Detta fick jag fram när det hände:

http://data.fuskbugg.se/skalman01/firebugnet.jpg

Vet inte varför logotypen blev Not found, för den syns ju hela tiden. Men 2-3 sekunder för ett sidbyte?? Knappast, det tar ju ibland knappt en sekund att ladda sidorna. Problemet måste vara någon annanstans, Drupal verkar bestämma själv hur lång tid sidorna ska laddas... :S

Såhär ser det ut, kunde äntligen print screena en jäkel: http://data.fuskbugg.se/skalman01/-----bugg.jpg

En grej som jag har märkt nu är att det verkar bara hända på våra utvecklingssiter, inte på de som är publicerade med egen domän. Vi har ju våra utvecklingssiter på en underkatalog på vår domän såhär: www.exempel.se/drupalsite. Att det kanske har nåt med det att göra?

www.kapab.se - den hemsidan har vi gjort, men där har inte jag kunnat reproducera problemet.
http://hyrskidor.se - inte på denna heller kan jag reproducera problemet.

Jag har inte rört någonting på Prestanda heller på någon av ovan sidor, inte heller den som vi håller på med nu, som det blir så på nu.

OT om Performance -> Optimize CSS/JS files

frjo's picture

Ett tips är att alltid slå på detta på sidor som ligger i produktion. Det är ett enkelt sätt att snabba upp sidan betydligt, utan några bieffekter.

Ni borde också aktivera mod_deflate samt mod_expire för er Apache server. Även detta enkla sätt att snabba upp sidan.

IE har en bugg med att bara

pontus_nilsson's picture

IE har en bugg med att bara 30 css-filer kan läggas till på en sida. Det kanske är någon undersida där moduler lägger till fler CSS-er än 30 som problemet uppstår?

//Pontus Nilsson, Digitalist

30 css-filer? Jag använder

ChristianP's picture

30 css-filer? Jag använder kanske max 4 eller 5. Iofs så har ju modulerna egna css-filer som ska laddas in, men jag vet inte. Du mena att det kanske händer samma sak i Firefox? Fast jag har ju lyckats reproducera felet på fåra publicerade sidor, bara de vi utvecklar. Kanske är det så för att det är en underkatalog att den kanske interfererar med andra underkataloger på samma domän? Vem vet...

_

Melot's picture

Nu vet jag inget om just Drupal men jag har sett samma problem på andra sidor över internet. Det verkar uppstå främst på sidor med hög trafik och inte så grymma servrar. Om det är just det som ditt problem beror på vågar jag inte svara på.

Nu är sidan publicerad

ChristianP's picture

Nu är sidan publicerad skarpt, men det händer fortfarande... Va i helvete, varför just på den här sidan? Visst.. det är väl inte många som brukar klicka sönder navigeringslänkarna så det blir sådär, men samtidigt är jag inte helt säker på om det spelar någon roll. Just nu är det bara EN cssfil som ska laddas in eftersom jag har dragit css-komprimering. Då måste det ju bero på att sidan laddas före CSS-en ändå, hur i helsike löser man det? Det går ju inte? :P

Jag har sett det hända på

farrington's picture

Jag har sett det hända på andra sidor, även sådana som jag vet att de inte är Drupal. Jag har sett det hända både i Firefox och i IE8.

Inte tagit det så allvarligt, tolkat det som att någon del av linan mellan server och mig inte riktigt hänger med. Ibland kan felet även vara att klienten (webbläsaren) inte får de resurser den behöver för att beräkna sidan (dvs. Windows är upptagen med viktigare saker än mitt surfande).

/marcus

Tack, jag tror att detta var

ChristianP's picture

Tack, jag tror att detta var problemet. För jag testar hemma nu och jag kan inte reproducera felet. Tror vårt webbhotell hade tillfälligt problem med servern.

Ska även följa ditt tips Pontus angående cache och Mod_deflate.

Sweden

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: