Tips til at forbedre hjemmeside hastighed / sådan fremskynde hjemmesider

Hvordan kan udviklere få deres hjemmesider til at indlæse hurtigere?

hjemmeside hastighed har en enorm indflydelse på brugeroplevelse, SEO og konverteringsfrekvenser. Forbedring af hjemmesidens ydeevne er afgørende for at trække trafik til en hjemmeside og holde besøgende engagerede. Her gennemgår vi trin udviklere kan tage for at gøre en hjemmeside hurtigere:

Test hjemmeside ydeevne

hjemmeside hastighedstest vurdere, hvordan en hjemmeside udfører. Test en hjemmeside regelmæssigt kan hjælpe udviklere spore ydeevne nedgraderinger eller forbedringer. En hastighedstest skal også hjælpe udviklere med at identificere nogle eller alle de områder, der bremser hjemmesidens ydeevne, og hvor forbedringsområderne er.

der er masser af højkvalitets hastighedstest til måling af ydeevne, mange af dem gratis. WebPageTest.org (hvilke partnere med Cloudflare) har flere gratis test og producerer detaljerede opdelinger af, hvor hurtigt individuelle elementer i en sideindlæsning. Hjemmeside.org giver også udviklere mulighed for at teste hjemmesider for forskellige enheder og netværksforbindelseshastigheder.

Google tilbyder også PageSpeed Insights til detaljeret ydelsestest. Google Chrome DevTools kan også hjælpe udviklere med at vurdere deres site ydeevne; fanen Netværk viser alle HTTP-anmodninger, hvor store de ønskede aktiver er, og hvor lang tid anmodninger tage, før de er opfyldt.

brug en CDN (content delivery netværk)

CDNs øge hastigheden af hjemmesider ved caching indhold i flere steder rundt om i verden. CDN-caching-servere er typisk placeret tættere på slutbrugere end værten eller origin-serveren. Anmodninger om indhold går til en CDN-server i stedet for helt til hostingserveren, som kan være tusinder af miles og på tværs af flere autonome netværk fra brugeren. Brug af en CDN kan resultere i et massivt fald i sideindlæsningstider.

Optimer billeder

billeder udgør en stor procentdel af internettrafik, og de tager ofte længst tid at indlæse på en hjemmeside, da billedfiler har tendens til at være større i størrelse end HTML-og CSS-filer. Heldigvis kan billedbelastningstiden reduceres via billedoptimering. Optimering af billeder indebærer typisk at reducere opløsningen, komprimere filerne og reducere deres dimensioner, og mange billedoptimeringsapparater og billedkompressorer er tilgængelige gratis online.

Komprimer CSS-og JavaScript-filer

Komprimer kode betyder at fjerne alt, hvad en computer ikke har brug for for at forstå og udføre koden, inklusive kodekommentarer, mellemrum og unødvendige semikoloner. Dette gør CSS-og JavaScript-filer lidt mindre, så de indlæses hurtigere i Bro.sereren og optager mindre båndbredde. På egen hånd vil minificering kun resultere i minimale hastighedsforbedringer. Men implementeret sammen med disse andre tips, vil det resultere i bedre hjemmeside ydeevne.

reducer antallet af HTTP-anmodninger, hvis det er muligt

de fleste hjemmesider kræver, at bro.Serere foretager flere HTTP-anmodninger om forskellige aktiver på siden, inklusive billeder, scripts og CSS-filer. Faktisk vil mange hjemmesider kræve snesevis af disse anmodninger. Hver anmodning resulterer i en rundtur til og fra serveren, der er vært for ressourcen, hvilket kan føje til den samlede indlæsningstid for en hjemmeside. Derudover, med ressourcer indlæst fra flere forskellige udbydere, et problem med en af værterne kan påvirke hjemmesidens evne til at indlæse hurtigt, eller overhovedet.

på grund af disse potentielle problemer skal det samlede antal aktiver, som hver side skal indlæses, holdes på et minimum. En hastighedstest skal også hjælpe med at identificere, hvilke HTTP-anmodninger der tager mest tid. For eksempel, hvis billeder får en side til at indlæse langsomt, kan udviklere søge efter en hurtigere billedhostingløsning (f.eks.

brug HTTP caching

cachen er en midlertidig lagringsplads, hvor bro.Serere gemmer kopier af statiske filer, så de kan indlæse nyligt besøgte hjemmesider meget hurtigere, i stedet for at skulle anmode om det samme indhold igen og igen. Udviklere kan instruere brugere til at cache elementer på en hjemmeside, der ikke ændres ofte. Instruktioner til cachelagring går i overskrifterne på HTTP-svar fra hostingserveren. Dette reducerer i høj grad mængden af data, som serveren skal overføre til bro.sereren, hvilket forkorter belastningstider for brugere, der ofte besøger bestemte sider.

Minimer inkluderingen af eksterne scripts

alle scriptede hjemmesideelementer, der indlæses fra et andet sted, såsom eksterne kommentarsystemer, CTA-knapper eller pop op-vinduer til leadgenerering, skal indlæses hver gang en side indlæses. Afhængigt af størrelsen på scriptet kan disse bremse en hjemmeside ned eller forårsage, at hjemmesiden ikke indlæses på en gang (dette kaldes ‘content jumping’ eller ‘layout shifting’ og kan være særligt frustrerende for mobile brugere).

brug ikke omdirigeringer, hvis det er muligt

en omdirigering er, når besøgende på en hjemmeside bliver videresendt til en anden side i stedet. Omdirigeringer tilføjer et par brøkdele af et sekund, eller nogle gange endda hele sekunder, til sideindlæsningstid. Når man bygger en præstationsoptimeret hjemmeside, tæller hvert sekund. Omdirigeringer er undertiden uundgåelige, men de bør ikke bruges, hvis det ikke er nødvendigt.