Special priser for kunder under selvbetjening
For B2B virksomheder der ønsker selvbetjening for deres kunder, handler det også om, at når kunden logger ind, at de kan se deres egne specialpriser.
Nok den største og mest oversete faktor, når det kommer til hastighedsoptimering. En klassisk fejl er at tage et billede på sin smartphone, og lægge det direkte op på hjemmesiden. Sådan et billede fylder måske et par megabyte, og har en opløsning, der er langt højere, end selv de største skærme på markedet.
En hjemmeside kan typiske have følgende fordeling af data:
HTML dokument: 50kb
CSS: 100kb
JS: 200kb
Billeder: 500kb-10MB
Ligger der 10MB billeder på siden er html+css+js delen på 350kb derfor uvæsentlig, og kan vi få halveret datastørrelsen på billeder, er vi nede på 5MB, hvilket stadig er en del, men dog en forbedring.
Manglende cache er den næststørste faktor, når det kommer til hastighed
Det vi gør, er derfor følgende:
Reducering af opløsning – typisk er max 1200px i bredden fint for billedegalleri på desktop og f.eks. 400x px i bredden fint for mobil
Reducering af filstørrelsen. Benyt jpg., da dette format fylder mindst, og er mest udbredt, og her kan vi komme ned på 100-400kb per billede, og langt mindre for thumbnails. Ønske en højere komprimering kan benyttes webp.
Hvordan dette gøres bedst afhænger af dit system og opsætning. På wordpress f.eks. kan man installere smush pro, og ønsker du at gøre det manuelt, kan du prøve kraken, hvor du nemt kan uploade dine billeder, og får en zip fil tilbage med de komprimerede.
2. Aktivering af cache på statiske filer
Manglende cache er den næststørste faktor, når det kommer til hastighed. Cache af html betyder, at den ikke skal genereres ved hvert request, men istedet kan der serveres en cached version. Når serveren genererer en ny version, skal koden eksekveres, databasen kaldes for data og html bygges. Dette går som sådan hurtigt nok, men tager det alligevel 500ms, så er det lang tid i forhold til en cached version, som tager 50ms. Altså en faktor 10x besparelse. Derudover sparer man serveren for en hel masse ressourcer, hvilket får det hele til at kører lidt hurtigere.
3. CDN til ressourcefiler
Dette trick er mest velegnet til sider med meget trafik eller til sider, som er meget tunge i forhold til statiske filer. CDN står for Content Delivery Network, som er eksterne servere placeret over hele verden, som hjælper med at levere dine billede filer frem til slutbrugeren. Disse filer kopieres over på deres netværk, så de vil reelt kun blive hentet fra din server een gang, og herefter kun fra CDN netværket.
Dette sparer rigtig meget båndbredde på serveren, og den kan bruge sine ressourcer på andre ting i stedet. Derudover kan et CDN netværk være med til at levere filer fra servere, der er tættere på brugeren. Dvs. at en bruger fra Tyskland vil få billedet fra en tysk server, og ikke fra f.eks. en amerikansk server.
4. Optimering af databasen
Frontend på hjemmesiden er optimeret, men uanset hvor heftig cache der er på, og hvor lidt det hele fylder, så duer det ikke hvis serveren skal bruge adskillige sekunder på at levere et HTML dokument til slutbrugeren. Nulstilles cachen, så vil serveren blive bragt i knæ, fordi den skal genopbygge det hele, det vil gøre setup skrøbeligt. Koden og databasen skal derfor fungere optimalt sammen.
Da omkodning er ret omkostningstungt, risikofyldt, og som regel slet ikke nødvendigt, så kigger vi på databasen i stedet. I relationsdatabaser som MySQL, har vi noget der hedder index. Det svarer, kort fortalt, til et index i en telefonbog med angivelse af A, B, C osv. Ofte så mangler disse i en database, da det er et område mange udviklere slet ikke har fokus på. Et tjek af databasen og angivelser af disse index, kan få en meget langsom side til at køre hurtigt igen.
Afslutning
Listen er ikke udtømmende, langt fra, men det er de punkter vi altid selv starter med at tjekke, når vi hastighedsoptimerer hjemmesider, uanset om det er wordpress, prestashop, drupal og andre. Principper fungerer nemlig på alle typer af hjemmesider.
Tags:
Hastighedsoptimering
Relaterede indlæg:
Kundelogin på B2B webshop
Når man operere med B2b kunder på webshoppen så er flowet lidt anderledes. Typisk handler virksomheder lidt anderledes, til dels har de flere logins til deres medarbejdere og afdelinger. Derudover er skal deres vises deres specifikke priser på udvalgte varer. Vi dykker ned i dybden på dette emne.
Opsætning og håndtering af flere sprog på webshop
Lær hvordan flere sprog skal opsættes på webshop uanset platform. Guide hvor der afdækkes alle muligheder og best pratice. Når man går fra een dansk webshop til at sælge sine varer på flere markeder, kræver det opsætning af lokalt sproglag.
Danmarks bedste marketing konferencer
Her er 5 marketing konferencer til online handel som du skal give dig selv lov til at besøge.
Fyld dagen op med spændende indlæg og bliv inspireret af eksperterne.
5 danske webshop platforme som i kan bygge jeres næste e-commerce projekt på
Webshop markedet er stort og det er næsten umuligt at beslutte sig, her er et bud på 5 danske webshop platforme som du ikke går galt i byen med. Fordelen ved at vælge lokalt er den support der følger med. Valget afhænger dog i sidste ende af hvilke krav din forretning har og hvem målgruppen er.
Statamic CMS - det moderne CMS valg
Når det nu ser ud til at alle bruger WordPress, hvorfor så overhovedet bruge andet? Det og meget mere kan du læse om her i vores deep-dive på Statamic.
Få styr på hosting og begreber
Hosting består af den server som ens hjemmeside skal ligge på for at andre kan bruge den.
Fragt
Få styr på fragten og hvad det betyder for jeres webshop
Webshop Budget
Før opstart af webshop kan det være en god ide at sætte sig ind i opstarts- og faste omkostninger og få lagt et realistisk budget
Sprog
Alt hvad du bør vide omkring sprog opsætning på hjemmeside og webshop
WordPress Webbureau
Indexed har igennem mange år udviklet WordPress hjemmesider og har opsamlet en del ekspertviden
Valuta
Alt hvad du bør vide omkring valuta opsætning på hjemmeside og webshop
Top webshop platforme 2022
En oversigt over de platforme som er et kig værd i 2022
Hastighedsoptimering af hjemmeside
Her er en liste med alle de mulige optimeringer som kan foretages på en hjemmeside for at øge hastigheden.
Webbureau Aarhus
Indexed er et webbureau som ligger lidt uden for Århus men som stadig betjener kunder i hele landet.
Integration til Rackbeat
Hvis man har behov for en noget dybere funktionalitet til styring af lager og indkøb er det indbygget i en webshop ofte ikke nok. Med integration til Rackbeat kommer man et stykke videre.
I praktik som webudvikler hos Indexed
Er du igang med uddannelse og leder efter et praktik ophold så kan det være at Indexed er noget for dig.
Contentful
Få indblik i et headless CMS system Contenful som har en API-first tilgang content styring modsat mange monolistiske cms systemer.
Programmering og kodning til hjemmesider og webshops
Det kan godt være svært at finde rundt i de forskellige begreber så her kommer en lille guide til hvad web programmering egentligt er. Herefter er det måske lidt nemmere at forstå webudviklerne.
Integrationer mellem systemer
En webshop eller hjemmeside kommer næsten ikke udenom integration til andet eksternt system. Det kan være ERP, økonomisystem eller andet.
PWA (Progressive Web App) og hvad kan det bruges til
PWA kan man i bedst fald kalde for en hybrid app mellem en webapp og en native app på mobil telefonen. Hvordan den opbygges og hvad det kan bruges til kan du læse mere om her
Få det fulde overblik over momsen på din webshop anno 2022
Moms kan være en udfordrende størrelse og hvad betyder det reelt for jeres webshop og hvordan skal det opsættes?
Bedste headless CMS systemer 2022
Få bedre overblik over hvad headless CMS betyder for din forretning og hvilke systemer der er at vælge imellem. Der er efterhånden mange at vælge imellem så vi har udvalgt de bedste som vi har stiftet bekendskab med.
Strapi
Få indblik i et headless CMS system Strapi. Et headless CMS benyttes når data skal adskilles fra resten af systemet og når man bygger sider som ikke ligger oven på et monolistisk system.
Webudvikling anno 2022
Få bedre forståelse over hvad webudvikling dækker over anno 2022. Ofte betegnes udvikleren bagved som en fullstack udvikler men opgaven kan dog løses af flere forskellige personer med hver deres spidskompetencer.
Den fuldstændige guide til optimering af billede 2022
Den ultimative guide til korrekte billede størrelser på web. Det handler om at få helt styr på (produkt) billeder på webshop så de både spiller på mobile og desktop.
30 tjek der bør gennemgåes ved lancering af webshop
Reducer fejl ved lancering af ny webshop ved at gennemgå dennne tjekliste. Den er opbygget igennem mange år ved lancering af nye webshops og opdatering samt flytning af eksisterende
Alt hvad du bør vide omkring https
Undgå forvirring og fejl på webshop ved at forstå alt hvad der er at vide omkring https og hvorfor det er vigtigt for din webshop.
4 Tricks til at optimere webshop checkout
Reducer frafald på checkout flow med disse simple tricks. Undgå at kunden forsvinder på det vigtigste tidspunkt i checkout processen. Disse tricks kan udføres på under 1 dages arbejde for bedre design.
PIM til Woocommerce
Guide til at forbinde PIM system med Woocommerce
Hurtig hastighedsoptimering i WordPress
Opnå bedre bedre hastighed på mobil og desktop visning ved at installere og opsætte Hummingbird plugin
50 E-commerce tricks, du kan udføre på din webshop for bedre konverteringer
En standard webshop vil blot sørge for, at kunden kan købe og modtage produkter. Der er midlertid mange forbedringer, som kan at øge konverteringen på siden, så en større andel af de besøgende går fra potentielle til betalende kunder.
Ny hurtig hjemmeside på indexed.dk
Ny hjemmeside med fokus på hastighed uden at gå på kompromi med designet og kvaliteten
Woocommerce med MobilePay
Opnå bedre konvertering med Mobilpay og udnyt mulighederne
7 punkter du skal være opmærksom på, når du opdaterer og vedligeholder din hjemmeside eller webshop
Ved vedligeholdelse af Wordpress er det afgørende, at det gøres korrekt for at undgå tab af data og ordrer
HTML redirect
En simple måde at lave redirect på via html meta refresh
301 redirects af url's
Permanent redirect af url ved at benytte 301 i .htaccess
Backup af din hjemmeside
Konkrete tips til at sikre din backup af din hjemmeside
Javascript redirect
Styr redirect client side via javascript location
Integration til regnskabsprogram
Automatisering af bogholderi via integration til Business Central fra webshop
Opsætning af cache headers i htaccess til at styre caching
Optimering af cache headers til resource filer
Gennemtving een version af hjemmesiden med både www og https
SEO mæssigt kan der være fordele i kun at have een version af hjemmesiden indexseret
Tving HTTPS på website via .htaccess
Simpel opsætning i .htaccess sikre https på hele website
www vs ikke-www redirect
SEO mæssigt kan der være fordele i kun at have een version af hjemmesiden indexseret
Bedre sikkerhed ved oprydning i Wordpress temaer
Ubrugte Wordpress standard temaer er et udsøgt mål for hackere som ønsker adgang til dine side, derfor skal du slette ubrugte temaer.
Header og footer plugin til wordpress til dine eksterne scripts
Indsættelse af eksterne scripts fra f.eks. Google Analytics på din hjemmeside.
Opdatering af wordpress via 3 simple skridt anno 2019
Opdatering af wordpress via 3 simple skridt anno 2019
Ny feature i Wordpress 5.1 når det kommer til sikkerhed
Ny feature i wordpress 5.1 som advarer og forhøjer sikkerheden
Redirect via PHP
Opsæt redirect via PHP med eksempler på 301 seo venligt redirect
Sikre kvalitets udvikling og styr på projektet
Når prisen er lav er det en anden del af hovedet der tager over og mange ser rødt. Men hold hovedet koldt og tænk fremad. Husk at det som du sparer idag det koster som regel i morgen.
Hvordan man sikre login og backend på wordpress imod hackere
Sikring af din hjemmeside mod hackere er en nødvendighed og ofte kræver det ikke specielt meget. Sådan får hackere ofte adgang til din administration Selve login siden på wordpress er sikker nok, den kan som sådan ikke hackes via kendte sårbarheder så derfor vil en given hacker istedet prøve at gætte dit login til siden. …
Undgå spild af tid på email markedsføring ved at følge disse 5 tricks
Det allervigtigste når der sendes email ud er at sikre at dine modtagere også reelt modtager de mails der er brugt resourcer på lave.
SSL Analyse af 870.000 danske domæner
En scanning af 870.000 danske domæner for gyldigt SSL certifikat gav et overraskende resultat. Der er meget fokus på sikkerhed på hjemmesiden og GDPR regler så hvor udbredt er SSL certifikater på hjemmesider på trods af de mange varsler og anbefalinger fra Google og eksperter?
Det helt rigtige domæne
Det kan være en jungle at vælge et nyt domæne – her kommer 4 gode råd til at komme igang
DK Hostmaster redelegering
DK hostmaster redelegering betyder at du ændre navneservere fra en gammel udbyder til en ny. Dette benyttes ofte når man flytter server eller hosting udbyder men er ikke et krav. Navneserver er en server som fortæller hvilken server i verden som dit domæne peger på. Der er 2 måder at flytte navne server på nemlig …
Sådan undgår du bedst muligt at få din hjemmeside hacket
Vores ønske er at forhindre at siden bliver hacket, men hvis (når) det sker så ønsker vi også at vide hvordan en hacker har opnået adgang til siden så vi kan lukke hullet og bagefter så ønsker vi at rydde ordenligt op og fjerne sikkerhedsbristen.
Sådan udformes en kravspecifikation til IT-projekt
Sådan kommer du i gang med din første kravspecifikation på web projekt
