Å stille seg spørsmålet om hvor tjukk en nettside er, kan vel i beste fall sidestilles med spørsmålet om hvor bredt man kan hoppe. Tykkelsen spiller likevel en rolle for Firefox Extensionen «Tilt«.
Tilt gir deg nemlig en tredimensjonal framstilling av en hvilken som helst nettside, hvor høyden på de ulike delene på nettsiden angis av hvor kompleks HTML som ligger bak hver del.
Farvekoder angir hvilke HTML-elementer som befinner i de ulike lagene, og jo flere det er av dem, jo høyere blir søylen.
Det er viktig å huske på at det ikke nødvendigvis er negativt med mange elementer her, men extensionen gir et interessant bilde av hvor på nettsiden det befinner seg flest elementer, og hva disse elementene er.
Også er det veldig morsomt å leke med også.
Tilt finner du blant Firefox mange extensions: https://addons.mozilla.org/en-US/firefox/addon/tilt/.
Etter at du har installert, trykker du Control+Shift+M (eller Command+Shift+M hvis du bruker Mac OS) for å slå av og på 3D-visning. (Finnes også under Tools>Web Developer>Tilt)
Vi tok en titt på noen av de største nettsidene i Norge.
Takk til Martin Berglund for tips 🙂
Er det for å unngå for tjukk nettside at alle bilder og lignende ligger som [cms-kode] eller..? 🙂
hehe… det kunne det selvsagt godt ha vært 🙂 Men det var nok en aldri så liten feil i systemet fra vår side 🙂
Fixa nå. Takk for tips!
Spennende å se hvordan forskjellige utviklere bruker lag og koding for å bygge opp sidene på en grafisk måte. Samtidig har det ofte veldig liten praktisk betydning(noen bytes fra eller til)…
Det var iallefall dødsmorsomt å se på egne nettsider 🙂
Slik jeg ser det, så går man ett nivå opp for hver nøsting man foretar seg.
—
—
—-
——Innhold
—-
—
—
Ok, slik skulle jeg skrive det:
Det var iallefall dødsmorsomt å se på egne nettsider 🙂
Slik jeg ser det, så går man ett nivå opp for hver nøsting man foretar seg.
HTML
–BODY
—DIV
—-SPAN
——Innhold
—-/SPAN
—/DIV
–/BODY
/HTML
trodde virkelig at diskusjonsskriptet konverterte < til < slik at man kan skrive html-tagger uten at de forsvant
Nå har det seg slik at mange elementer i en side er faktisk negativt og Tilt er ikke et leketøy, men et verktøy for å forenkle prosessen med å detektere element problemer.
En nettleser er en rendringsmotor og den gjør ganske mye i prosessen der den tolker en web side og pressenterer den for brukeren. Det simpleste eksemplet er at den må legge på CSS stiler og jo mer komplisert struktur man har, jo mer må nettleseren evaluere for å legge på disse stilene.
Sant nok, Trygve 🙂 Det er for det meste sant at mindre kode (HTML) er bedre, men det er ikke sant om alt.
Å beskrive innholdet i en tabell med minst mulig HTML og CSS, kan gi en mindre verdi enn å bruke noen flere tabell-elementene som beriker beskrivelsen av innholdet. Innholdet vil laste raskere med mindre kode, og et begrenset sett med CSS-regler for hvordan innholdet skal se ut, vil også hjelpe på hastighet. Men opplevelsen av innholdet må inn i vurderingen. Godt beskrevet og presentert/designet innhold, kan gi en bedre opplevelse, uavhengig av ytelsen på koden.
Jeg opplever Tilt mer som en artig 3D-plugin enn et verktøy, men ser absolutt nytten også 🙂
Samtidig inneholder i dag de fleste nettsider ganske mye mer ressurskrevende innhold enn det HTML-koden og stilsett til denne representerer. Men selvfølgelig har det litt å si, men i det store regnestykket vil jeg anta at det blir minimalt.
Minimalistisk design, betyr jo ikke alltid minimalistisk med koding.