Snabba upp din webbsida med Google Page Speed
- Posted by Hjalmar on December 3rd, 2009 filed in Uncategorized
- 2 Comments »
Google har släppt ett tillägg till Firebug som hjälper webmasters att analysera hastigheten på en webbsida genom att ge tips på förbättringar. Kort sagt så kan man säga att det blir en bra checklista med punkter att gå igenom.
Fyra Hjalmar av fem möjliga.
Update:
För mig som ehandlare blir det här förstås ett säljargument, snabb webbsida = mer konverteringar. Ett par av de sakerna jag har fixat (på ubuntu, apache).
Mod Deflate (stängde av det överallt en gång för länge sen av en anledning jag har glömt nu, så det var nog inget farligt).
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript
Skall in i vhost-confen (/etc/apache/sites-available/)
Cachning i bild-mapparna:
ExpiresActive On
ExpiresDefault "access plus 1 month"
I .htaccess i respektive mapp (vet inte om det funkar rekursivt faktiskt…?).
Den senare kan man även lägga i sina mappar med js-filer men det är lite mer kinkigt då det blir ett helsike att uppdatera dem då… (funkar dock om man modifierar så att den istället går på modified på nåt vänster tror jag..).
Samt följande php-kod för dynamiskt skapade bilder:
$expires = 60*60*24*31;
header("Pragma: public");
header("Cache-Control: maxage=".$expires);
header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$expires) . ' GMT');
Inga konstigheter med andra ord, glöm inte att enabla mod_expires med “a2enmod expires” då den inte verkar vara igång per default på ubuntu (kan även gälla mod_deflate).
Update2:
Google är heta idag, Google Public DNS.
December 5th, 2009 at 14:05
Om du har satt Expires på en fil, kommer webbläsaren inte fråga servern om den över huvud taget innan tiden har gått ut, så det hjälper inte att sätta “modification” (det är ju ett sämre val om man tänker efter).
Däremot kan du alltid lägga till en nonsens-query i slutet av URL:en, så att din HTML-fil frågar efter “script.js?v=7″ eller “style.css?v=3″. Varje gång du uppdaterar filen måste du även öka versionsnumret i HTML:en, så det är krångligt.
December 5th, 2009 at 14:20
@C. Davén, yes I know. Det är ett litet helsike att köra det där på css/js. Precis därför jag bara kör det på bilder just nu. Jag orkar helt enkelt inte mecka med det. Särskilt som det inte bara är jag som pillar i css-filerna.
Min tidigare lösning för detta var helt enkelt att köra med style_datum.css och byta ut filerna. Har för mig att jag hittade problem med nonsense-query-konceptet i tidigare versioner av gissa vilken browser….