7 måder at gøre dit websted eller din blogbelastning hurtigere for besøgende
Reklame
Langsom sidehastighedshastighed er en af hovedårsagerne til, at dit websted ikke får de hits, det fortjener.
Da publikum er opmærksomme på alle tidspunkter, er her nogle af de bedste tip til at fremskynde dit websted for at sikre, at dine besøgende holder sig rundt.
1. Reducer den aktuelle størrelse på dit websted
Hvis dit websted indlæses langsommere end tre sekunder, vil folk sandsynligvis opgive det, også før hjemmesiden indlæses. Brug af forkert format til dine billeder kan let oppustes dit websted og ødelægge en ellers stor browsingoplevelse.
Over 70% af mobile websider er over 1 MB, og 12% er over 4 MB! Husk, at det tager syv sekunder at downloade 1, 5 MB på en god 3G-forbindelse. Den bedste praksis er at holde hver side under 0, 5MB.
Lær forskellen mellem JPG, PNG og GIF, og sørg for at du bruger den opløsning, du har brug for.
Ifølge GlobalStats er dette de mest anvendte skærmopløsninger for 2018:
- 22, 55% bruger en opløsning på 360 x 640 (mobil)
- 11, 73% bruger en opløsning på 1366 x 768
- 8, 26% bruger en opløsning på 1920 x 1080
- 4, 91% bruger en opløsning på 375 x 667 (mobil)
- 2, 94% bruger en opløsning på 1440 x 900
Dette er over 50% af alle brugere, så overvej dette, når du tilføjer fotos til dit websted.
2. Design dit websted til mobil
I henhold til undersøgelser foretaget af Google sidste år på mobilsidens hastighed:
Den gennemsnitlige tid det tager at indlæse en mobil landingsside fuldt ud er 22 sekunder ifølge en ny analyse. Alligevel forlader 53% af de mobile besøgende en side, der tager længere end tre sekunder at indlæse. Det er et stort problem.
Over 75% af mobilwebsteder tager 10 sekunder eller mere at indlæse over 3G. Godt over halvdelen af al trafik foregår via mobile enheder, og det vil sandsynligvis ikke gå ned. Så hold et lille webstedets fodaftryk for at gøre mobile internetbrugere glade og sørge for, at de holder sig rundt!
Hvis du bruger et CMS som WordPress, Joomla eller Drupal Drupal vs. Wordpress: Hvad er det bedste Open Source CMS? Drupal vs. Wordpress: Hvad er den bedste open source CMS? Planlægger du at oprette et websted, men kan ikke vælge den rigtige open source CMS? Her er, hvordan du vælger mellem WordPress og Drupal. Læs mere, der er plugins til at gøre dit websted mere mobilvenligt.
Alternativt kan du bruge værktøjer som bMobilized eller Duda Mobile til at konvertere dit desktopwebsted til mobil. Når det er sagt, er det ofte bedst at designe et separat websted for at sikre den bedste oplevelse for dine mobile brugere.
Du bør også overveje at tilbyde en forenklet version af dit websted ved hjælp af projektet Accelerated Mobile Pages (AMP). Brug af AMP-sider forbedrer sidehastighedshastigheden på mobilen. Der er strenge retningslinjer for JavaScript og CSS, men fordelene er målbare.
Uanset hvilken rute du beslutter at gå ned, skal du sørge for, at din mobilwebsted er en let indstilling. Og prøv at holde dig under 0, 5MB-anbefalingen pr. Side.
3. Sørg for, at dit websted er minimeret
Hvis du skriver dit eget websted fra bunden, rediger det regelmæssigt. Når dit projekt udvikler sig, lærer du sandsynligvis mere effektive måder at gøre ting på, så sørg for at gå gennem din kode, når du forbedrer.
Komprimer og kombiner din CSS, HTML og JavaScript. Hvis du for eksempel bruger et CDN som Cloudflare, er der en bestemt fane til hastighedsforbedringer, hvor den første mulighed er Auto Minify. Hvis du bruger en webstedsbygger (som Squarespace eller Weebly), er dette sandsynligvis gjort for dig som standard.
Sørg for at teste dit websted, når du har aktiveret noget, der kombinerer eller minimerer dit websteds ressourcer. Eksperimenter med de forskellige indstillinger for at se, hvad der er bedst for dit websted, da nogle funktioner kan bryde med Minify aktiveret.
4. Undgå at indlæse scripts, når det ikke er nødvendigt
At skulle indlæse flere JavaScript-filer, før de er nødvendige, vil unødvendigt bremse hastigheden på hele siden. Undgå indlæsning af scripts fra tredjepartsservere, hvis du kan.
Hvis du anmoder om disse, nedsættes din læshastighed yderligere og kan potentielt udgøre en sikkerhedsrisiko. Opbevar dem på dit websteds server, når det er muligt.
Du kan bruge udsættelse eller async til at forsinke indlæsningen af specifikke JavaScript-filer for at reducere belastningen på besøgendes enheder og forbedre indlæsningshastigheden på dine sider. Alternativt, for små scripts, kan du inline JavaScript direkte i HTML-dokumentet.
Async vil fortælle browseren at fortsætte med at analysere HTML på samme tid som JavaScript-filerne downloades. Pausen sker derefter, når filen er downloadet fuldt ud.
I mellemtiden vil udsættelse bede browseren om at udføre JavaScript-filer, når browseren er færdig med at analysere hele HTML-dokumentet.
En browser standser som standard parsing af HTML-filer, mens alle JavaScript-filer hentes og udføres.
At indlive JavaScript i HTML-dokumentet vil hjælpe ved at reducere antallet af filer, en browser skal hente, inden en side vises. Du kan inline JavaScript ved at tilføje indholdet af en ekstern JavaScript-fil mellem script-tags.
Du kan med sikkerhed bruge udsættelse og async i Google Analytics, Facebook Pixel og andre analyse- og fejlrapporteringsværktøjer uden at påvirke sidens funktionalitet.
Til sidst skal du overveje, om sporingskoder, analyse, ekstra funktioner og annoncer, du har vist på dit websted, er nødvendige. Brug mere letvægtsindstillinger, når det er muligt, og skrap dem, hvis de ikke tilføjer noget af værdi for dig eller dine besøgende.
5. Brug cache og en CDN
Et Content Delivery Network (CDN) kopierer dit websted til servere over hele verden og reducerer datatidens rejsetid ved at forbinde besøgende til en server geografisk tættere på dem. Statisk indhold vil også blive cache og leveret af CDN's servere.
Cloudflare er sandsynligvis det CDN, du kender bedst, men Akamai og Amazon CloudFront er veletablerede alternativer.
Sørg for, at du også udnytter cachelagring af browseren. Sådan kompromitterer din browser Dit privatliv. Sådan komprimerer din browser Dit privatliv. Din webbrowser afslører et væld af oplysninger om, hvem du er, hvor du går, og hvad du kan lide. Her er de detaljer, det lækker, når du går online. Læs mere for at forbedre dit websteds indlæsningshastighed for gentagne besøgende. Browser-cache fungerer ved at downloade disse filer fra serveren til brugerens enhed.
På yderligere sidevisninger eller besøg indlæses disse filer lokalt fra brugerens enhed i stedet for at anmode om dem fra den eksterne server (afhængigt af udløbsdatoen for filerne).
6. Slip af ikke-essentielle plugins
Plugins skal kun bruges, når det er nødvendigt. Dette gælder, uanset om du bruger Wix, Weebly, WordPress eller Squarespace Squarespace vs. WordPress: Hvilken er den rigtige for dig? Squarespace vs. WordPress: Hvilken er den rigtige for dig? WordPress og Squarespace er de to største navne inden for bygning af websteder. Her er hvad du har brug for at vide for at bestemme mellem de to. Læs mere eller noget andet. Alle funktioner, du kan gøre ved at tilføje enkel CSS snarere end et plugin, skal du gøre. Brug kodeinjektion på Squarespace, brug CSS Customizer i WordPress og Custom CSS på Wix.
Plugins kan forårsage en høj CPU- eller hukommelsesbelastning på din server, og dette kan bremse eller endda forhindre dit websted i at indlæses.
Hvis du bruger WordPress, er det sandsynligt, at du ikke bruger alle dets indbyggede funktioner. Deaktiver disse med et plugin som Clearfy.
Overvej altid de plugins, du bruger. Hvis du bruger få funktioner i plugins som JetPack, kan du overveje at fjerne dem helt og erstatte dem med mere lette plugins, der gør det samme job.
7. Serverindstillinger for at fremskynde dit websted
Serverforsinkelse vil have en stor negativ indflydelse på din sidehastighed og din PageRank.
Google anbefaler, at Time to First Byte (TTFB) er 1, 3 sekunder eller mindre. Dette er den længste forsinkelse, før en enhed begynder at downloade en side efter først at have kontaktet serveren. Når det er sagt, har den gennemsnitlige side en TTFB på over 2 sekunder, godt over deres anbefaling.
Delte værter er normalt årsagen til dette, men der er nogle indstillinger, du kan konfigurere til at forbedre din server-responstid.
- Brug den seneste version af PHP, som dit websted er kompatibelt med. Den seneste version (PHP 7.2) har massive hastighedsforbedringer.
- Tænd for "Keep-Alive"
- Aktivér HTTP / 2
- Udnyt HTTP Strict Transport Security (HSTS)
- Indstil dine sikkerhedskopier til at afsluttes om natten
Hvis dit websted er oprettet i WordPress, skal du sørge for at bruge en vært, der er specialiseret i WordPress-hosting, ligesom Bluehost. Dette sikrer, at serverindstillingerne er konfigureret specifikt til WordPress-ydeevne.
Færdig tilpasning? Test nu dit websted
Nu hvor du kender den ideelle sideindlæsningstid, størrelse og Time to First Byte (TTFB), som du skal sigte mod, hvordan ved du, hvad din er?
Her er nogle af vores foretrukne onlineværktøjer til at teste dit websted:
- varvy.com: disse værktøjer tester hastigheden og ydeevnen på din desktop og mobil side og giver dig værdifulde guider til, hvordan du forbedrer dit websted
- Google PageSpeed Insight: Google PageSpeed-værktøjet, der for nylig er opdateret, tester din hastighed og giver dig forbedringsforslag
- GTmetrix: et godt værktøj med handlingsfulde råd
- WebPageTest: test dit websted på forskellige enheder, operativsystemer og placeringer
- Pingdom: et meget populært værktøj, der ligner WebPageTest med en pænere grænseflade
Du kan teste dit mobilwebsted med linkene ovenfor og også ThinkWithGoogle Mobile Test (drevet af WebPageTest). Resultaterne giver dig specifikke tip til, hvad du kan forbedre, med en estimeret reduktion af lastetid, hvis du følger tipene.
De anbefalede bedste fremgangsmåder ændres konstant, så kontroller regelmæssigt din sides hastighed, mens du foretager forbedringer.
For endnu mere værdifuld indsigt i, hvordan dit websted fungerer, skal du huske at bekræfte dit domæne på Google og Bing. De 5 vigtigste fordele ved at verificere dit domæne på Google og Bing De 5 vigtigste fordele ved at bekræfte dit domæne på Google og Bing Hvis du har dit eget websted, skal du her verificere dit domæne på Google og Bing med deres webmasterværktøjer. Læs mere
