Er din mobil hjemmeside stressende mennesker ud? En simpel vejledning til forbedring af sideindlæsningstid

mobil-website-horror-movie.jpeg

Hvornår er sidste gang du besøgte et websted på din smartphone og måtte vente på, at siden skal indlæses?

Ifølge Akamai, 73% af mobilbrugere siger, at de har stødt på en hjemmeside, der var langsom at indlæse. Mange gange sker dette, når brugere ikke er på WiFi og er afhængige af en mobil forbindelse.

Men når det tager et par sekunder for en webside at indlæse, synes tiden at bremse til en gennemgang. Jo længere den hjemmeside tager at indlæse, jo mere frustrerede bliver vi. Og hvem kunne bebrejde os? Skal ikke mobile hjemmesider Indlæs lige så hurtigt som deres desktop kolleger?

Ja, de burde. Din mobilwebsite inkluderet.

Så hvordan fungerer mobile websites i dag? For at finde et benchmark, HubSpot Research gennemførte en undersøgelse, der analyserede effektiviteten af ​​over 26,000 websites. Ikke alene undersøger undersøgelsen et ikke-så smukt billede af, hvor mange forretningers mobilwebsites der udføres i dag, men det afdækker også præcis, hvor langsom indlæsningstid påvirker mere end din bundlinje - de påvirker gæsternes puls.

Lad os dykke ind på nogle af resultaterne fra denne undersøgelse, hvorfor lave tider er så dårlige, og hvordan du kan gøre din hjemmeside hurtigere.

Hvordan udfører din mobile hjemmeside?

Chancerne er, det er næppe forbi.

Ifølge HubSpot Researchs undersøgelse, de fleste websteder er ikke udfører så godt. Faktisk, den gennemsnitlige belastningstid vi fandt i at se på disse hjemmesider var næsten fire sekunder - som i sig selv er nok til at få mange besøgende til at hoppe og se andre steder.

Website-Load-Time.png

Der er mange grunde til, at hjemmesider har en gennemsnitlig D-klasse for at opnå resultater i undersøgelsen. En af de bedste bidragydere til langsom belastningstid er billeder og videoer. Ofte skyldes det, at billeder eller videoer ikke er optimeret til en webside - og især ikke til en mobil dataforbindelse.

Tag et øjeblik til at tænke på det smukke, højopløsningsbillede, du sandsynligvis har på dit websteds hjemmeside. Det er bare den perfekte repræsentation af dit brand eller produkt, er det ikke?

Nå, billedet er nok udseende fantastisk, men den store filstørrelse kan forårsage, at din hjemmeside skal indlæses langsomt, hvilket giver dine mobile besøgende en dårlig brugeroplevelse.

Hvorfor hurtig indlæsningstider

Før vi kommer til at gøre din hjemmeside hurtigere, lad os tale lidt mere om, hvorfor hurtige belastningstider betyder noget.

Langsom indlæsningstider Stress dine besøgende

Det er fornuftigt, at langsom indlæsningstid vil frustrere dine besøgende og påvirke konverteringsfrekvensen og mærkeopfattelsen. Men vidste du det rent faktisk fører til øget hjertefrekvens og stressniveauer? Ifølge en 2016 Ericsson Mobilitetsundersøgelse, Enkeltwebstedets forsinkelser medfører en gennemsnitlig stigning i hjertefrekvensen 38%.

Det er svært at kvantificere en stigning i 38% i hjertefrekvensen - især hvis du ikke overvåger det aktivt. Så tænk på den sidste gang du gjorde noget stressende, som at se en horror film. Forsinkelsen i mobilbelastningstider svarer stort set til, hvordan du følte at se den horrorfilm.

Langsom Mobile Websites, der fører til øget stress

Som marketingfolk er det ikke den måde, vi ønsker, at besøgende føler, når de får adgang til vores indhold eller vurderer vores produkt eller service.

Besøgende kan beskylde dig for deres dårlige oplevelse

I nogle tilfælde, når besøgende på webstedet oplever en forsinkelse i indlæsningstid, bebrejder de deres mobiludbyder for dårlig service. Men jo længere forsinkelsen er, jo mere bliver skylden til forsinkelsen til dig: indholdsleverandøren.

I samme Ericsson studie, forskerne løb en undersøgelse af netto promoter score (NPS) for kunderne, der spurgte dem på hvilket tidspunkt de overfører skylden fra deres mobiludbydere til indholdsleverandøren.

NPS-Mobile-Load-Times.png

For kunder i undersøgelsen, der ikke oplevede forsinkelser med at indlæse en mobilwebsite, steg deres NPS-score drastisk (ved 4.5-point) for deres mobiludbyder. Men kunder, der oplevede nogle forsinkelser, begyndte at lægge skylden på tjenesteudbyderen; og jo længere forsinkelsen er, desto mindre skyldes de den faktiske udbyder, og jo mere pegede de en finger på folkene bag selve hjemmesiden.

Langsom videoer synes at være den mest stressende

Brugen af ​​store billeder og baggrunds video er blevet mere fælles i website design på det sidste. Videoer er gode aktiver og bringer livet til dit indhold - men det viser sig, at de også kan være temmelig stressende.

Forskerne hos Ericsson fandt at en YouTube-video, der endda havde en forsinkelse på to sekunder i indlæsningen, øgede seernes stressniveauer ved 3%; og Når en video begyndte at spille, forårsagede bare en enkelt pause stressniveauer for at øge en anden 15%:

Streaming-video-Stress.png

Denne ekstra stress bringer os ret tilbage til den horror film - en følelse, vi helt sikkert ikke vil forlade besøgende med.

At vide, hvor meget belastningstiden forsinkelser kan påvirke besøgende fysiologisk, hvad kan vi gøre for at gøre vores mobilwebsites hurtigere og give dem en bedre oplevelse?

5 måder at gøre din mobil hjemmeside hurtigere

Der er meget, der går ind i websidens ydeevne, men lad os dække de fem vigtigste faktorer, der spiller en rolle i din mobilwebsite, der indlæses hurtigt.

1) Bestem, hvordan dit mobilwebsite er oprettet.

Har du en separat mobilwebsite (som m.exampledomain.com) eller gør dit websted brugervenligt design?

Google anbefaler at bruge lydhørt design som deres foretrukne metodologi og baseret på, hvordan dit mobilwebsite er konfigureret, er der præstationsoptimeringer, som dit team kan undersøge. Læs dette blogindlæg for at lære at teste din hjemmeside til mobil-venlighed.

2) Komprimer dine billeder.

Husk det smukke produkt eller brand image jeg nævnte ovenfor, der rent faktisk kunne bremse dit website? Hvis du komprimerer dette billede, kan du tage sekunder ud af din sides belastningstid. Fordi websteder generelt har et betydeligt antal billeder, er det ofte den største årsag til langsom belastningstid - så vi anbefaler at adressere dette først.

Lad os f.eks. Sige, at dit produktbillede vises på en side som 500 x 500 pixels, men den faktiske størrelse af billedfilen er 3500 x 3500 pixels. Det billede vejer sandsynligvis et par megabyte (MB), og på mange websites bliver den besøgende browser nødt til at indlæse 3500-pixelversionen af ​​billedet først og derefter ændre størrelsen korrekt til sin mindre version - alt under indlæsningen. På stationære tilslutninger sker det konstant, men generelt sker det så hurtigt, at vi ikke mærker det.

Men på mobilen - især på en mobilforbindelse - kan billedet i fuld størrelse tage lang tid at indlæse, hvilket virkelig kan frustrere brugerne. For at rette op på dette skal du overveje at ændre størrelse, beskæring og derefter komprimere dine billeder. (HubSpot-kunder behøver ikke at bekymre sig om at komprimere deres billeder - billeder uploadet til HubSpots software komprimeres automatisk. For ikke-HubSpot-kunder er værktøjer som TinyPNG vil hjælpe dig med at reducere et billedets filstørrelse.)

Vi anbefaler også gemmer billeder i et format som JPG Det er relativt let, godt for dine sider, og vil ikke opblussen brugerens oplevelse.

3) Minifér al kode, især JavaScript.

"Minificeringskode" er processen med at fjerne unødvendige tegn uden at påvirke hjemmesidens funktionalitet. Det har en betydelig indvirkning på den tid, det kræver, at en websteds kode bliver behandlet, hvilket gør din hjemmeside hurtigere på tværs af enhver enhed, uanset om den er stationær eller mobil.

For at reducere din kode vil du sandsynligvis gerne have nogen fra dit website team eller udviklingshold involveret, fordi det indebærer direkte ændring af koden på din hjemmeside. Det er endnu bedre, hvis du kan fjerne nogle JavaScript (eller anden kode) fra de mobile versioner af websider for at fremskynde dem yderligere. (For at lære mere om minificering af kode, Tjek disse instruktioner fra Elegante temaer.)

4) Indlæs videoer i baggrunden (eller slet ikke).

Videoer er sandsynligvis den største ressource på dine sider, og vil tage længst tid for at indlæse på mobilen. Hvis videoen ikke er kritisk for brugeroplevelsen, skal du overveje at skjule den i baggrunden - eller endda slet ikke overføre den. Ved at gemme videoer i baggrunden, vil de indlæse hjælper med opfattelsen af, at dit websted indlæses hurtigt, men kan ikke i sidste ende løse et problem med en langsomt læsende mobilwebsite.

Hvordan laver du en videoindlæsning i baggrunden? Du eller et medlem af din udviklingsteam kunne indsætte nogle CSS i koden, så videoen ikke vil blive vist, når den besøgende lander på hjemmesiden.

Hvis din hjemmeside indeholder lange videoer, der beskriver dit produkt eller din tjeneste, kan du prøve at bruge en opfordring til handling i stedet for at lægge videoen direkte på hjemmesiden, så mobilspecifikke besøgende kan for eksempel sende videoen til sig selv og se den senere. Dette sparer tid på kort sigt, og gør også mobiloplevelsen langt bedre for besøgende.

(Bemærk: Hvis du vælger at oprette CTA'er til mobilbrugere, skal du tænke på afstanden mellem dine tekstbokse og billeder for at sikre, at din webside er læselig og nem at interagere med, uanset hvilken enhed dine besøgende bruger til at få adgang til din side. Knapper, der er vanskelige at interagere med på en lille skærm, kan føre til en frustrerende brugeroplevelse.)

5) Udnyt cache og hastighedsfordele ved et Content Delivery Network (CDN).

Content Delivery Networks (CDNs) hjælp cache og indlæse indhold på servere på forskellige steder, så uanset hvor på internettet den besøgende kommer fra, og hvilken enhed de bruger, får de en hurtigere og bedre brugeroplevelse. Hvis dit websted er ikke på CDN, kan du gå glip af en række præstationsfordele, som vi stærkt vil anbefale.

(HubSpot-kunder: HubSpot Website Platform bruger lydhurtigt design, har automatisk billedkomprimering og understøttes af vores CDN til at læse din hjemmeside rigtig hurtigt - så du behøver ikke bekymre dig om disse ting. ifølge Yottaa, en uafhængig Internet Performance-selskabswebsted på HubSpot indlæses hurtigere end på andre content management-systemer.)

Der er meget på spil for marketingfolk at sikre, at vores websites ikke kun ser godt ud, men fungerer og fungerer også godt. Et hurtigindlæst mobilwebsite sikrer, at dine besøgende ikke hopper fra dit websted, og at de ikke oplever niveauer af stress, der ligner at se en horrorfilm. Du kan bruge tipsene ovenfor med det samme for at dykke ind og begynde at forbedre ydeevnen på dit desktop og mobilwebsite.

Giv en kommentar

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.