Sådan fremskynder du webstedets indlæsning?

Fast downloadhastighed er ekstremt vigtigt. Det forbedrer brugeroplevelsen, øger konverteringsfrekvensen, brugerengagement og hæver endda webstedet i resultaterne af problemet. Det er især vigtigt, når det gælder mobiltrafik. Ikke desto mindre ønsker ingen at gå fra en smartphone til en side, der vejer 4 MB, og vente, indtil den laster i årevis.

Hvor hurtigt skal webstedets belastningshastighed være?

  • 1 sekund - fantastisk.
  • 2-3 sekunder er meget god.
  • 4-7 sekunder er normalt, men der er plads til at vokse.
  • 8-10 sekunder er dårligt.
  • 11 sekunder eller mere er forfærdeligt, start lyden, fordi store penge lækker lige under din næse.

Ifølge Strangeloop-undersøgelsen, hvor downloadhastigheden for 2000 top online-butikker blev testet, er den gennemsnitlige downloadhastighed på kommercielle websteder 10 sekunder. Du kan måske spørge: "Hvorfor skal vi forbedre hastigheden ved indlæsning af vores websted, selvom de øverste online-butikker er lades så længe?" Og her er svaret:

  • 57% af de besøgende forlader siden, som er indlæst i mere end 3 sekunder.
  • I de øjeblikke, hvor webstedet falder på grund af den store trafikmængde, foretrækker mere end 75% af online-kunder at gå til en konkurrents websted.
  • 2 sekunder - så meget patienten brugeren venter, indtil oplysninger vises på skærmen. Tilføjelse af et element som en fremdriftslinje kan forlænge ventetiden til 38 sekunder.
  • Webstedet, der er indlæst 3 sekunder, har 22% mindre visninger, 50% flere hopper og 22% mindre konvertering end webstedet, som er lastet 1 sekund. Webstedet, der laster 5 sekunder, har endnu dårligere resultater - 35% mindre visninger, 105% flere hopper og 38% mindre konvertering.
  • 8% af befolkningen mener, at hovedårsagen til at de forlader stedet er den langsomme indlæsning af sider.

Tjenester, hvor du kan teste hastigheden på sideindlæsning:

Bemærk, disse tjenester vil ikke være i stand til at løse dine problemer. Deres vigtigste funktion er at analysere sidens lasthastighed. Alle yderligere handlinger skal komme fra dig.

Jo hurtigere webstedet belastes, desto bedre er konverteringen.

For at bekræfte dette skal du studere følgende forskningsresultater:

  • Undersøgelsen fra Aberdeen Group viste, at antallet af synspunkter falder (med 11%) som følge af en 1 sekunders forsinkelse, procentdelen af ​​publikumtilfredsheden (med 16%) og omregningskursen (med 7%).
  • Virksomheden Shopzilla øgede webstedets hastighed med 5 sekunder og øgede dermed konverteringsfrekvensen med 12%
  • Ved at reducere pålæsningstiden for deres destinationssider kunne Mozilla øge antallet af downloads med 15,4%, hvilket resulterede i 60 millioner yderligere downloads.
  • 85% af mobilbrugere forventer, at webstederne skal indlæses så hurtigt som på en computer. Får ikke det samme resultat, forlader de stedet.

Kilder: gomez.com, aberdeen.com, en.oreilly.com, blog.mozilla.com

Hvis du spekulerer på, hvor meget din virksomhed kan tjene, hvis dit websteds downloadhastighed er større, skal du bruge Sharpe Digital-kalkulatoren (på engelsk). Måske er specifikke tal det bedste incitament til handling.

5 måder at øge hastigheden på siden

Så hvad kan gøres for at fremskynde siden loading:

1. Reducer størrelsen på sidesiderne

For tungt indhold tager lang tid at indlæse. At reducere størrelsen på siderne på webstedet øger automatisk hastigheden af ​​dets indlæsning. Derudover sparer du penge, hvis hostingudbyderen opkræver dig for trafik.

For at reducere sidestørrelse skal du først bruge HTTP-datakomprimering. Dette reducerer størrelsen på tekstressourcer, herunder HTML, CSS og JavaScript, med 50% eller mere. Zip, gzip og andre teknologier bruges til at komprimere HTTP-data.

For at reducere sidestørrelse skal du bede din hostingudbyder eller serveradministrator om at aktivere HTTP-datakomprimeringsindstillingen. For at evaluere den opnåede effekt skal du bruge en af ​​kompressionschecktjenesterne, for eksempel denne. Hvis serveradministratoren gjorde alt korrekt, vil du se noget som følgende billede:

2. Reducer vægten af ​​grafikken

Grafik udgør ofte 80% eller mere af den samlede sidestørrelse. Derfor er det meget vigtigt at optimere de publicerede fotos korrekt. Følgende retningslinjer hjælper dig med at reducere billedstørrelsen med 50% eller mere:

  • Send billeder i jpeg-format, undgå png-format. JPEG-format giver dig mulighed for at komprimere billeder uden at miste kvalitet. For eksempel offentliggjorde Microsoft på dagen for præsentationen af ​​Windows 8 et billede i PNG-format på hjemmesidenes hjemmeside, hvor "vægten" var 1 MB. Billeder af tilsvarende kvalitet i JPEG-format er ca. 140 KB i størrelse.
  • Misbrug ikke brugen af ​​PNG-formatet for gennemsigtighed af grafik. Effekten af ​​gennemsigtighed er meget smuk, men ikke altid funktionel.
  • Vælg korrekt kvalitetsniveau for billeder i JPEG-format. At reducere billedets kvalitet med 25-50%, du bemærker næsten ikke forskellen i forhold til det originale billede. Samtidig vil "vægten" af illustrationen reduceres betydeligt.
  • Ryd op billedfiler fra digital affald. De forskellige billedredaktører, som din designer sandsynligvis bruger, giver mange forskellige data i filen, f.eks. Kommentarer, arbejdsversioner af et billede, ubrugte paletter osv. Dette digitale skrald behøver ikke dine læsere. For at rydde filen skal du bruge tjenesterne Pngcrush eller Smush.it.

Reducere "vægten" af fotos, forsøge at opretholde den æstetiske appel af webstedet. Brugere og søgemaskiner værdivis visuelt attraktive ressourcer mere.

3. Forenkle JavaScript og CSS

Brug af specialværktøjer til at forenkle JavaScript og CSS reducerer vægten af ​​de tilsvarende elementer mere end standard kompressionsteknologier, for eksempel gzip. Forenklingstjenester fjerner unødvendige elementer fra koden og reducerer også navne på funktioner.

For at forenkle koden til JavaScript og CSS elementer, brug softwareværktøjer eller onlinetjenester, for eksempel Online Javascript Compression Tool eller Online JavaScript / CSS Compression.

4. Reducer browserforespørgsler

Jo flere anmodninger læserens browser sender, når siden indlæses, jo langsommere læser den. For at reducere downloadtidspunktet skal du oprette betingelser, hvorunder den besøgendes browser sender så få forespørgsler som muligt. Dette kan opnås ved at reducere antallet af fotos, JavaScript-filer, koder for tredjeparts ressourcer og tjenester mv.

Har du nogensinde spekuleret på, hvorfor Googles hjemmeside ser så asketisk ud? Sandsynligvis en af ​​grundene er udviklerens ønske om at øge dens downloadhastighed.

Men hvis du ikke når Googles popularitet, kan en tom side forstyrre dine brugere. Hvis anbefalingen om at fjerne alt unødvendigt ikke passer dig godt, skal du bruge følgende tips til at reducere antallet af browserapporter:

  • Tillad browsere at cache data. Hvis siderne på dit websted er statiske, er det ikke nødvendigt at "tvinge" besøgende til at downloade deres indhold hver gang. Spørg din serveradministrator eller værtudbyder for at aktivere muligheden for at cache fotos, CSS og JavaScript elementer. For at kontrollere resultatet af denne handling skal du f.eks. Bruge Redbot-tjenesten.
  • Kombiner og komprimér CSS og JavaScript-filer. Ved at kombinere disse elementer reducerer du betydeligt antallet af browserforespørgsler. Denne metode er egnet til statiske sider. For at kombinere CSS- og JavaScript-filer skal du bruge specielle tjenester og software, f.eks. CakePHP.
  • Kombiner små billeder til CSS sprites. Dette er især nyttigt for ressourcer med mange ikoner, knapper og andre små billeder. Specialtjenester giver dig mulighed for at kombinere dem til en fil, som kaldes en CSS-sprite. Brug SpriteMe-værktøjet til at teste effektiviteten af ​​denne anbefaling i praksis.

Bemærk, at ved at aktivere caching-indstillingen, påvirker du ikke hastigheden for at indlæse webstedet, når du først besøger. Men når du igen besøger webstedets indlæsningshastighed vil det glædeligt overraske dine kunder. Selvfølgelig, hvis de ikke bruger rengøringsværktøjer som CCleaner.

5. Reducer afstanden mellem webstedet og brugerne.

Hvis serveren til din værtudbyder er placeret i Vladivostok, skal besøgende fra St. Petersborg være tålmodige, mens de venter på, at siden skal indlæses. Dette problem er især relevant for websteder med "tungt" indhold, der er besøgt af brugere, der er fysisk fjernt fra serveren i lange afstande. For at løse dette problem skal du bruge indholdsleveringsnetværk (CDN), for eksempel Amazon CloudFront eller Akamai.

Brug af CDN ændrer du automatisk webadressen til dine fotos, CSS og JavaScript-filer fra //moisait.com/moefoto.png til //aaa.cloudnfront.net/moefoto.png. Når en bruger besøger dit websted, downloader CDN'en sine "tunge" genstande fra sin server, der er fysisk placeret tættest på den besøgende.

Efterlad Din Kommentar