html-utvikler

Jakob Nielsen har gjennomført brukertester på mobiltelefon, og kommet frem til at dedikerte mobilversjoner av nettsteder ofte er å foretrekke.

Les artikkelen Mobile Web 2009 = Desktop Web 1998, og se hvilke likheter dagens mobilsurfing har med nettsurfingen 10 år tilbake.

Gir raskere responstid flere klikk per bruker?

Min erfaring er utvilsomt, ja! Brukere er utålmodige, må de vente over ett sekund er det fare for at de mister tålmodigheten og klikker en annen plass.

Digi har nylig tatt i bruk Varnish, og viser til mye raskere responstider.

Foreløpig ser løsningen ut til å være noe ustabil, men når denne setter seg, skal det bli interessant å se hvorvidt dette øker antall klikk per bruker på deres nettsted.

Er totaltstørrelsen på en nettside av betydning? Hva slags effekt har det om 50 kb annonser fjernes?

Jakob Nielsen er berømt for sine strenge krav til ytelse og påpekte allerede i 1997 viktigheten av kjapp responstid.

1001 Spill ligger på rundt 200 kb og som et lite eksperiment fjernet jeg bildeannonser i 24 timer, hvilket medførte at sidestørrelsen ble redusert til 150 kb.

Resultatet ga, som antakelig mange forventer, kun en liten økning. Ca 2% oppgang i antall klikk per bruker. En endring som like gjerne kan skyldes andre faktorer.

Dersom responstiden din ligger fast på under ett sekund, virker det som endringer a’la dette har minimal effekt. Er den over ville jeg absolutt vurdert å teste ut noen ytelsesøkende triks.

Sjekk størrelsen på ditt nettsted med Web Page Analyzer.

Triks for deg som jakter økt ytelse:

• Identifying MySQL slow queries
• CSS Sprites: What They Are, Why They’re Cool, and How To Use Them
• Gzip av HTML

Finn labs har publisert

• Nettleserstatisikk for finn.no

Firefox har 15%, Safari 1.3%, Chrome 0.7% (takk til Eyvind for tallene), hvilket er ganske likt resultatet på 1001 Spill.

IE6 ligger hos Finn på 17%, hvilket er noe høyere enn 1001 Spills 12%.

Er det bedriftene som henger igjen med IE6? Det kan kanskje tyde på at privatbrukere er flinkere til å oppgradere nettleserne, om man antar at 1001 Spill har en større andel privatbrukere.

Smashing Magazine har publisert en liste med 50 nyttige PHP-tips. Kan være verdt en titt. Sjekk:

• 50 Extremely Useful PHP Tools.

Av det som nevnes, bruker jeg nå Zend Studio (ikke 6 riktignok, men den gamle versjon 5.5) og Selenium.

phpMyAdmin har jeg brukt noe, men bruker daglig mest MySQL Gui Tools (selv om den fortsatt er ganske buggete på OSX)

Jeg vurderer sterkt å teste de nevnte graph-tegnerne, da jpgraph som jeg bruker i dag, aldri falt helt i smak hos meg.

Ellers vurderer jeg å prøve WideImage, PHP Profile Class, Xdebug, SimpleTest, og Phing

Dagsavisen har en rent og pent design synes jeg. Mitt førsteinntrykk er godt, men for meg er det noe som skurrer. Av alle elementer på siden er det ett som skiller seg ut. Ser du det samme som meg?

Dagsavisens forside 20. januar 2009

Elementet som fremheves, og som jeg tror fjerner fokus fra nyhetene er kategoritekstene. På dagens forside leser jeg: VALG USA, VALG USA, VALG USA, UTENRIKS, KULTUR. Fonten er liten, men teksten er i bold og har en fremhevende farge. Jeg føler at kategoriene bryter opp siden, og tar fokus bort fra nyhetssakene og bildene.

Jeg lagde så en versjon uten kategoriene.

Dagsavisens forside 20. januar
- uten kategoritekster

Ble dette bedre? Jeg synes det, men nå er det din tur til å synse!

Legg forresten merke til saken “Tårer i Washington” med bildeteksten “dette er større enn jeg kunne ha drømt om, sier 89 år gamle Maimes Hansberry”. Jeg stussa litt over hvor godt 89-åringen holdt seg, før jeg oppdaget at bildet var av kommentatoren Roda Ahmed.;)

Stadig flere leverandører kommer med utviklingsverktøy med støtte for både Ruby og Ruby on Rails.

Like over jul lanserer JetBrains, utvikleren bak det meget populære javaverktøyet IntelliJ, RubyMine.

RubyMine er ennå ikke lansert, men en Preview-versjon kan allerede i dag lastes ned og testes på Windows, Mac og Linux. Programmet er kommersielt, og vil helt sikkert koste noen tusenlapper.

Netbeans 6.1 er gratis og finnes allerede i dag i en ferdig versjon med Ruby-støtte.

Netbeans 6.1 ble litt treg etter min smak, og personlig sverger jeg fortsatt til Textmate, men RubyMine skal definitivt testes ut ved neste anledning.

Finn frem flaskecolaen og sprett en brus i dag du også! Firefox har endelig passert IE6 hos 1001 Spills brukere, og begivenheten skjedde i uke 44 i 2008.

Tallenes tale:

• Firefox 2 og 3 – 15.1%
• IE6 – 14.5%

Tallene er basert på 194.435 brukere i uke 44, 2008

Tallene er basert på 195 038 besøkende på nettsiden 1001 Spill. 97% er fra Norge.

Totalt gir dette IE: 80,1%, en nedgang på ca 1%, og Firefox: 14,6% hvilket er på stedet hvil. Chrome gjør sin inntreden med ca 0.5% mens Safari har en liten fremgang på 0.7%

Lei av å inkludere hauger av klassefiler i PHP? Prøv __autoload!

Obs! Autload fungerer kun i PHP5

Autoload er en funksjon som kalles ved bruk av en udefinert klasse eller interface.

Eks:

<?php
function __autoload($class_name) {
    require_once $class_name . '.php';
}

$obj = new MyClass1();
$obj2 = new MyClass2();
?>

Høres dette skummelt ut? Som alltid bør slike funksjoner brukes med fornuft.
Her er et par ting å tenke på:

• Vurder å vaske $class_name-parameteren. For å minimere hacker-muligheter.
• Feil kan ikke fanges med catch inne i __autoload-funksjonen.

Tenk også på kodens lesbarhet. I noen tilfeller kan include være nyttig for å synliggjøre avhengighet til visse klasser.

Selv bruker jeg autoload på løse avhengigheter som f.eks Log, Profiler eller Cache-klassene, men lar include gjerne stå ved sterke knytninger.

Her er min autoload-funksjon med whitelist-vasking av $class_name parameteren:

function __autoload($class_name) {

	// Whitelist-vasking
	$class_name = preg_replace( "/[^a-zA-Z0-9_]/", "", $class_name );

	// Sjekk etter filene i alle include-kataloger
	$include_path_tokens = explode(':', get_include_path() );

	// Aktuelle underkataloger
	$dirs = array("classes","models","controllers");

	foreach($include_path_tokens as $prefix){

		if ($prefix==".")
		continue;

		foreach($dirs as $dir){
			$path = $prefix . '/'.$dir.'/' . $class_name . '.php';
			if(file_exists($path)){
				require_once $path;
				return;
			}
		}
	}
}

Les mer om autoload i PHP-dokumentasjonen.