Jeg liker fart. Ikke minst på internett. Det er nesten ikke noe som irriterer meg mer enn neesteder som laster og laser uten at noe skjer. Treige nettsteder. Ofte kommer jeg til slike etter et søk på nettet, og ofte klikker jeg meg videre før neetstedet har rukket å laste ferdig dersom det går veldig tregt. Kanskje går jeg glipp av noe veldig viktig på denne måten, men det får jeg finner meg i. Det er i alle fall bedre enn å vente og tvinne tommeltotter.

Siden jeg er glad i fart på nettet støtter jeg entusiastisk initiativet fra Google, Yahoo og andre for et raskere nett og nettsteder som laster kjappere. “Let’s make the Web faster,” sier Google. Det synes jeg er flott. Etter mitt sn gir raskere weibsider en bedre brukeropplevelse. Og forskningtyder visst også på at folk an dler mer jo rasker nettstedene de skal handler på er.

Google har også gitt webmastere og folk som eier/driver nettsteder sterke incentiver for å forbedre nettstedene sine og gjøre dem raskere. For nå som Google lanserer “instant search”, har de også gjort det klart at de tar hensyn til nettsidehastighet når de bestemmer søkemotorrangering:

You may have heard that here at Google we’re obsessed with speed, in our products and on the web. As part of that effort, today we’re including a new signal in our search ranking algorithms: site speed. Site speed reflects how quickly a website responds to web requests.

Så vidt jeg kan skjønne har både vanlige internettbrukere og folk som driver nettsteder og er seriøse felles interesser med Google i denne saken: Kjappere nettsteder er bra både for brukere og for de som publiserer stoff eller driver kommersielle nettsteder.

Men det er viktig å legge merke til at Google ved å ta hensyn til nettsidehastighet gjør Search Engine Optimization (søkemotoroptimalisering – SEO) enda vanskeligere. Nå er det ikke lenger godt nok med bra stoff, gode titler og så videre – nå må også serveren og nettstedet være bra! Ingen andre enn folkene i Google vet helt hvor viktig denne fatoren er, men jeg tror den er relativt viktig og forestiller meg at den vil bli viktigere over tid.

I det siste har jeg brukt masse tid på å optimalisere server-settings, finne raske steder å hoste nettstedene mine på, optimalisere settingene for WordPress-bloggene mine og mekke med kode for å gjøre sidene raskere. Det er en ganske komplisert affære, men så vidt jeg kan se gir det ganske raskt utslag i besøkstallene. Og om du merker at dine egne tall går nedover eller ikke øker så raskt som du mener de skulle, så kan det skyldes at du ikke har gjort nok som webmaster!

Fremover har jeg tenkt å skrive en serie med posts her på denne bloggen om å øke hastigheten på nettsider generelt og WordPress-blogger spesielt. Etterhvert å ha brukt masse tid har jeg finnet en del triks som jeg mer en gjerne deler. Det er mange forskjellige forhold som spiller inn – server setup, server stabilitet, koden som brukes, WordPress konfigurering og plugins, med mer.

©2012 blogging. All Rights Reserved.

Det er mulig å sette inn små pene bokser med tekst som ligger inne i selve innlegget ditt uten alt for store anstrengelser.

Slike bokser kan brukes for å sette inn ting du vil fremheve, sette inn en liten liste med regler, linker til nettsider du synes er relevante, eller hva som helst.

Denne lille boksen laget jeg ved hjelp av en enkel liten HTML-kode:

<div> </div>

Inne i div-elementet satte jeg inn tekst med en overskrift:

<h4>Tekstboks</h4>

Her er et eksempel på en slik boks.

For å få boksen til å flyte til høyre, gi den en ramme, sette farge og tykkelse på rammen, sette bakgrunnsfargen på boksen til lyseblå, med mer brukte jeg CSS (Cascading Style Sheet). På boksen ovenfor brukte jeg:

style="border: 2px solid #267abf; margin: 3px;
 padding: 4px; float: right; background-color: #e6f2ff;
 width: 30%;"

Rammen bestemmes av “border” – jeg gir en tykkelse på 2px, bruker heltrukken linje (solid) og gir den fargen #267abf. Jeg kunne godt brukt “blue”, “red” eller “black” som farge. Her er den samme boksen med “red” og 3px som tykkelse:

margin: 3px; padding: 4px;

gir et mellomrom utenfor boksen til teksten i innlegget på 3px og padding gir et mellomrom mellom teksten inne i boksen og selve rammen på 4px.

background-color: #e6f2ff;

er fargen på bagrunnen inne i boksen – jeg kunne også brukt “white”, “yellow” eller andre farger.

Og float: right; sier at boksen skal “flyte” til høyre – også “left” og “center” er mulige. Og til slutt sier “width: 30%;” at boksen skal være 30% av bredden på selve teksten i innlegget.

Slik ser hele koden ut:

<div style="border: 3px solid green; margin: 3px;
 padding: 4px; float: right; background-color: yellow; width: 30%;">
<h4>Gul bakgrunn</h4>
Og grønne rammer denne gangen.</div>

Du trenger ikke på kunne HTML og CSS for å lage slike bokser i din egen tekst – alt du trenger er å klippe og lime koden ovenfor inn i innlegget ditt. Så kan du eksperiementere med farger, bredder og alt det der etter hvert.

Lykke til!

PS: Her er en link til en anmeldelse av en nyttig liten bok om dette som jeg fant på nettet: Begynnerbok om HTML og CSS.

©2012 blogging. All Rights Reserved.