Er din hjemmeside også for langsom? Hurtigere hjemmeside fra 695,- ex moms

Over folden / under folden

Hvorfor er det vigtigt at have med i tankerne?

Hvad menes der egentlig når man siger over og under folden? Hvad skal man være obs på når man er over folden og hvad skal man være obs på under folden. Det er det du i dagens korte tip får et lille indblik i herunder.

over under folden

Hvorfor lige over / under folden

Der tales meget i min verden om over og under folden og det gør der af den simple årsag at det har positiv indflydelse på hastigheden og renderingstiden, hvis man husker at tage højde for det mens man optimerer.

der er nemlig forskellige ting man skal tage højde for når man optimere det der er over folden og det samme når man taler under folden.

Hvad er over folden og under folden?

Over folden: er det der vises i browseren når du tilgår din hjemmeside. Det er det første du ser før du begynder at scrolle.

Under folden: er så at det du skal scrolle for at se i din browser

de typiske regler

der er tommelfingerregler som man lige kan følge når man optimerer sin hjemmeside.

Over folden skal hjemmesiden loade hurtigt, den må ikke visuelt ændre sig alt for meget.

  • Logo
  • fonte
  • grid
  • header
  • billeder
  • css som bruges på elementer over folden
  • mf.

er alt sammen noget som skal loades hurtigt over folden og som noget af det første. Meget skal inlines i html koden og skal preloades. Man må ikke lazyloade elementer over folden. En typisk regel er også, undgå slidere, store billeder, videoer mm over folden, da det skaber yderligere load af elementer som du faktisk ikke er sikker på at brugeren overhovedet gider se på.

Under folden er det fint at elementer loader senere, og gerne efter onload er skudt af.

  • Billeder
  • chats
  • eksterne elementer
  • Css
  • js

er dele som kan loades senere når der er tale om under folden. Her må og skal man helst lazyloade billeder og videoer. og man skal helst også dele css op sådan at det der reelt kun bruges under folden, loades senere.

ja det kan virke forvirrende

ja det er klart at det kan virke forvirrende når de samme typer elementer på en hjemmeside skal to forskellige ting.

men fx kan man ofte på fx billeder sætte en attribut for at lige netop det billede ikke bliver lazyloadet. Det kan du læse mere om i det plugin eller den metode du bruger til lazyload.

Det var lige et hurtigt tip fra min julekalender 🙂 God Jul

Årets julekalender

seo lex start din seo her

Nutidens SEO tips

Når man skal i gang med SEO kan det være svært at vide hvor man skal starte og hvad der er vigtigt og ikke helt så vigtigt. Hvad angår SEO har jeg selv været med i mange år, men jeg tyr alligevel til dette tip hver gang jeg lige skal have frisket op hvad der … Læs mere

julekalender kim tetzlaff tips

Årets Julekalender

Hastighedsoptimering Ordbogen

font optimering jul

Font optimering

Når man har med fonte at gøre, hvilket du med stor sandsynlighed har. Så har du sikkert også oplevet at hjemmesider som bruger mange fonte, også loader langsommere end en side der fx kun bruger system fonte. Det er ikke sjældent at jeg møder hjemmesider der har op imod 15 fonte installeret på hjemmesiden, og … Læs mere

godt tema vaelg det rette fra start

Super godt tema

Når jeg skal vælge et tema til en kunde, eller til et af mine egne projekter, står jeg faktisk i samme situation som langt de fleste. Skal jeg gå med et der koster lidt, skal det være nemt at bruge, skal der være mange funktioner indbygget, skal det være med indbygget redigeringsværktøj og meget mere. … Læs mere

hurtigere woocommerce del1

Langsom WooCommerce webshop – 3dec

Benytter du WooCommerce ligesom rigtig mange andre med en wordpress hjemmeside gør? så har du helt sikkert oplevet at din woocommerce hjemmeside bliver langsom. Og selv hvis du lige har installeret WooCommerce, så vil du også opleve at den bliver langsom med tiden. Det kan være mens du arbejder med shoppen, det kan også være … Læs mere

Skriv en kommentar

Kim Tetzlaff ApS - Hastighed, SEO og Teknisk optimering

Målet er kvalitet

Det er mit mål at levere kvalitetsløsninger med høj fokus på hastighed og teknisk seo. Uanset om der er tale om små eller store løsninger, vil fokus altid være på hastighed og teknisk seo.

KTJ-Media.dk - Hastighed, SEO og Teknisk optimering