Tänkvärda tips om prestanda

postat May 27, 2008 i Utveckling, 1 kommentar

Jag tycker att var man än vänder sig just nu så skriver gränsnittsutvecklare om prestandaförbättringar. Här kommer några guldkorn hämtat direkt från min rss-läsare.

Thierry Schellenbach listar prestandatips för javascript i artikeln Javascript optimization – high performance JS apps (via Ajaxian). För snabbare javascript bör man bland annat tänka på följande:

Skriv till innerHTML istället för att använda document.createElement
Använd for-loopar istället för for in-loopar
Använd Array.join istället för += på strängar
Håll nere användandet av eval
Håll nere användandet av try catch-satser
När du manipulerar DOM-trädet; kopiera ut DOM-elementet och sätt in det igen sedan

Med hjälp av Yslows riktlinjer kan du förbättra din sajts prestanda. Robert Nyman berättar mer exakt hur du gör detta i artikeln Improve your web site performance – tips & tricks to get a good YSlow rating. Det handlar till exempel om att:

Gzipp:a innehållet
Minifiera javascript
Lägga javascript längst ned på sidan
Minska antalet http-request (tex. med css-sprites)
Lägga till en Expires header

Jon Sykes testar rendreringshastigheten hos olika css-selektorer i artikeln CSS child selector performance (via Ajaxian). Testerna visar att man där möjligt bör använda så korta selektorer som möjligt. Genom att endast använda .className istället för table tr td.className får han nästan 40% snabbare rendreringstider, i alla fall i IE7 och Safari 3 (!) .
Notera dock att, som det står i en av kommentarerna, detta gäller för hastigheterna i css-rendrering. Om du använder css-selektorer i ett javascript-bibliotek är t.ex. td.className mycket snabbare än .className.

Det var alla tips för denna gång. Lycka till!

[tags]prestanda, javascript, css, webbutveckling, gränssnittsutveckling[/tags]