Der er færre ting, der er mere frustrerende end et websted, der tager tid at indlæse. Det er ikke en overraskelse, at ikke kun mennesker, men også søgemaskiner forsøger at holde sig fri for trage sider. Med det i tankerne er her nogle af de bedste tip, du kan implementere for at undgå irriterende besøgende og afvise dem ved deres første besøg på dit websted.
1. Strømlin din kode
Den bedste webstedsbygger vil gøre det ret ligetil at oprette et websted. Mens deres rige sæt skabeloner hjælper dig med at stilisere dit websted med lethed, har de en ulempe. Mange af skabelonerne har rodet kode, der kan bremse dit websted.
For at løse problemet kan du fjerne al den unødvendige kode og formatering i dine HTML-, CSS- og JavaScript-filer. Denne proces med at fjerne det overskydende kaldes minificering, og du kan bruge enkle onlineværktøjer som Will Peavy's minifier til at hjælpe dig i gang. WordPress-brugere kan bruge Autoptimize-pluginet for at gøre processen ret enkel.
2. Komprimer dit websted
Det tager ikke lang tid, før websteder bliver store og tunge. Alle billederne og endda HTML-, CSS- og JavaScript-filer i almindelig tekst svulmer hurtigt op. En af de bedste mekanismer til at fremskynde et websted er at aktivere komprimering med Gzip. Dette vil reducere størrelsen på HTTP-svaret og derved reducere svartiderne.
Du bliver nødt til at aktivere det relevante komprimeringsmodul på din webserver, før du aktiverer det til dit websted ved at redigere .htaccess-filen. De nøjagtige trin varierer og afhænger af din webserver, men her gør du det i Apache.
3. Optimer billeder
Billeder er en af de tykeste dele af et websted og normalt det langsomste indlæsningselement på enhver webside. For at regere i adfærden i stedet for at skalere store billeder via HTML, skal du starte med at ændre størrelsen på alle billederne på dit websted ned til den nøjagtige størrelse, du vil have dem i.
Faktisk skal du holde en liste over de forskellige billedstørrelser for de forskellige elementer på dit websted for at sikre, at du aldrig uploader flere pixels, end du har brug for. Hvis du har et billedtungt websted, bør du også overveje at komprimere dem. Et af de mest almindelige værktøjer til dette formål er reSmush.
Det fungerer med alle de populære indholdsstyringssystemer (CMS) og har også en Linux CLI-klient til komprimering af billeder til brug på statiske websteder. Du kan også bruge Compressor.io til at klemme flere billeder på et øjeblik.
4. Lazy load multimedia
Lazy loading betyder, at billeder, videoer og iframes kun indlæses, når brugerne ruller ned på siden og faktisk ser dem. Dette kan forbedre de indledende indlæsningstider på dine sider betydeligt.
Tidligere var dette noget, du ville implementere ved hjælp af JavaScript, men ikke doven indlæsning er indbygget i webbrowsere. WordPress-brugere har flere valgmuligheder, og to af vores favoritter er Lazy Load af WP Rocket og a3 Lazy Load, som er designet til mobile enheder.
5. Brug hurtige links til deling af sociale medier
I dag og i dag ønsker du, at folk deler dit indhold på sociale medier. På enkle HTML-websteder kan du bruge et linkgeneratorværktøj som den gratis Share Link Generator, der hjælper dig med at oprette sociale delingslinks til Facebook, Twitter, LinkedIn og Pinterest uden at stole på iframes eller JavaScript. Som sædvanlig har WordPress-brugere ikke mangel på plugins, som de kan bruge til dette formål, herunder Social Warfare and Grow.
6. Afinstaller ubrugelige plugins
Et CMS som WordPress kan have masser af plugins, der kan tilføje virkelig nyttige funktioner til dit websted. At have for mange plugins kan dog sænke dit websted ned til en gennemgang, hvorfor du kun skal køre plugins, du virkelig har brug for.
Når det er sagt, er ikke alle plugins designet lige så godt, og du kan fremskynde dit websted ved at erstatte et plugin med en hurtigere alternativ. Onlineværktøjet GTmetrix analyserer dit websted gratis og viser dig en liste over plugins, der har høje belastningstider. Overvej at udskifte disse plugins, især hvis de kaldes flere gange med et lettere alternativ.
WordPress-brugere kan også bruge Query Monitor-pluginet til en detaljeret analyse af de plugins, der bruges på deres websted. Husk naturligvis at fjerne selve plugin Query Monitor, når det har tjent sit formål.
7. Reducer omdirigeringer
Omdirigeringer er ofte nødvendige, når du flytter og sletter sider, og det er den bedste måde at fjerne problemer med ødelagte links på. Men mens 301-omdirigeringer foretrækkes frem for 404-fejl, er de stadig ikke ideelle, da de bremser den tid, det tager for browseren at nå den rigtige version af en side. Du kan bruge Screaming Frogs bulk omdirigeringskontrol til at analysere omdirigeringer på dit websted og prøve at minimere deres brug.
8. Foretag færre HTTP-anmodninger
At reducere HTTP-anmodninger er en god måde at optimere dit websted på. Hvert element, du tilføjer til en side, oversættes til en HTTP-anmodning. Jo mere browseren har til at fremsætte disse anmodninger, jo længere tid tager det, før din side indlæses fuldt ud. Derfor er resultaterne af at reducere antallet af anmodninger meget imponerende, selvom det kræver noget at gøre.
Du kan bruge udviklerværktøjerne i browseren og skifte til fanen Netværk for at få vist HTTP-anmodninger i detaljer. Når du først har en idé om, hvilke filer der tager længst tid at indlæse, kan du kigge efter dem, du kan kombinere (især CSS-filer), og dem, du kan axe helt.
9. Sæt CSS før scripts
Korrekt placering af dine stilark og scripts vil påvirke, hvordan dit websted indlæses. Du skal altid placere din CSS øverst i sektionen. Dette gør det muligt for browseren at indlæse din CSS først, så brugerne kan se indholdet på dit webstedsindlæsning.
Javascript skal derimod være så tæt på bunden som muligt. Dette skyldes, at browserne først skal analysere JavaScript, før det kan gå videre til det næste tag. Hvis du placerer scripts før det faktiske indhold, vil brugerne stirre på en tom side, mens browseren knuser JavaScript.
10. Gå på oldschool, hvor det er muligt
Ved hjælp af et script-sprog som PHP kan du gøre ting, der ikke er mulige med almindelig HTML. Imidlertid tager behandling af PHP længere tid end parsing af HTML, så undgå at anmode om information via PHP, hvis den kan hentes med statisk HTML.
Tilsvarende er det ikke altid en god ide at bruge @import CSS-mekanismen til at medtage eksterne stilark på dine websider i stedet for HTML-tagget. Mens begge opnår det samme formål, bruger @import flere ressourcer end at linke direkte til dine stilark.
11. Aktivér caching
Når du besøger et websted, gemmes alle elementerne på siden på din harddisk i et midlertidigt lagerområde kaldet cachen. Dette er nyttigt, da din browser ved efterfølgende besøg åbner siden uden at skulle sende en ny HTTP-anmodning til serveren.
Hvis du driver et WordPress-websted, kan du bruge et plugin som W3 Total Cache-plugin for nemt at aktivere caching. På den anden side, hvis du har et statisk HTML-websted, kan du aktivere caching ved at bruge det, der er kendt som en udløbsoverskrift i din .htaccess-fil. Når det er aktiveret, udløber overskrifter ikke kun den tid, det tager at downloade allerede cachelagrede filer, men hjælper også med at reducere antallet af HTTP-anmodninger.
12. Forår rene databaser
Chancerne er, at du bruger et CMS som WordPress eller Joomla til at være vært for dit websted. Når du holder på med din installation (tilføj og fjern plugins, opret og opdater indlæg, installer opgraderinger og lignende), bliver databasen, der driver CMS, ret oppustet og langsom. For at undgå dette skal du bruge WP-Optimize-pluginet til at rense databasen regelmæssigt.
13. Bloker hotlinking
Hotlinking sker, når nogen viser et billede fra dit websted ved at bruge sit weblink direkte. Hver gang det indlæses, ekstraheres billedet fra kildewebstedets server.
Du har flere muligheder for at forhindre hotlinking. Mange kendte værter tilbyder et skift i administrationsgrænsefladen for at forhindre hotlinking. Så er der WordPress-plugins som All In One Security & Firewall, der giver beskyttelse mod hotlinking. Endelig kan du tilføje instruktioner i din .htaccess-fil.
14. Skift indstillingen Keep Alive
Keep Alive-meddelelsen udveksles mellem webserveren og en klientmaskine for at tillade den samme TCP-forbindelse til HTTP-samtale i stedet for at åbne en ny med hver nye anmodning. Også kendt som en vedvarende forbindelse hjælper Keep Alive med at reducere latenstiden for efterfølgende anmodninger. De fleste hostingfirmaer, især i delt hosting, deaktiverer denne funktion.
Indstillingen styres bedst ved at tilpasse webserveren. Du kan dog tilsidesætte serverens standard ved at tilføje følgende linjer i din .htaccess-fil:
Overskrift indstillet Forbindelse hold i live
15. Fremskynde WordPress
WordPress har flere plugins til forbedring af ydeevne, der hjælper med at optimere forskellige aspekter af hjemmesiden. En af de mest omfattende er perfmatters, der ruller mange af de almindeligt anvendte præstationsaccelerationsteknikker. Det gode ved dette premium-plugin er, at de fleste af dets optimeringsteknikker eksponeres via en simpel brugergrænseflade, som gør det tilgængeligt for alle slags brugere.
16. Installer Google PageSpeed
Google PageSpeed er et sæt open source-moduler til Apache og Nginx webservere. De hjælper med at optimere dit websted ved at implementere nogle af de mest nyttige præstationsfremmende teknikker som dem, vi har delt i denne artikel. Du kan downloade og installere modulerne på din webserver, hvis du ejer den. Ellers bliver du nødt til at kigge efter en hostingudbyder, der gør det. Normalt tilbyder værter kun dette med deres dedikerede hostingplaner i topklasse, selvom nogle som GoDaddy installerer det på deres Linux-hosting-servere.
17. Reducer DNS-opslag
En af de vigtigste faktorer, der har direkte indflydelse på, hvor hurtigt dit websted indlæses, er den tid, det tager for DNS-opslag. Et DNS-opslag er processen med at finde den IP-adresse, der er knyttet til en URL.
En måde at fremskynde dit websted på er at reducere antallet af unikke værtsnavne. Mindre antal DNS-forespørgsler vil sænke svartiden og få websteder til at indlæse hurtigere. Overvej også det faktum, at den tid det tager at forespørge DNS-posterne afhænger af DNS-udbyderens hastighed.
Hvis du ikke er tilfreds med din DNS-udbyders ydeevne, skal du overveje at skifte til en anden. DNSperf sporer forespørgselshastigheden for de forskellige autoritative DNS-udbydere.
18. Opgrader til en bedre webhost
Hvis du har forsøgt at fremskynde dit websted, men ikke har bemærket meget af en forskel, kan problemet meget vel være din webhosting. Mange af de billigste webhosts, især de delte, er ret overfyldte og bruger servere, der mangler ressourcer til at afsætte nok til hvert websted. Du bør i stedet bruge lidt tid på at undersøge de forskellige muligheder, der tilbydes, inden du kigger ind på en vært og hostingplanen for dit websted.
19. Brug et indholdsleveringsnetværk
Ud over at skifte til en bedre webhost, bør du også overveje at bruge et Content Delivery Network (CDN). I modsætning til din server, der er placeret på et bestemt sted, bruger et CDN et netværk af servere, som på en måde distribuerer dit indhold til servere over hele verden og i det væsentlige flytter det tættere på dine besøgende uanset deres placering. CDN'er fremskynder et websted ved at reducere den fysiske afstand mellem indholdet og de besøgende. Du kan være vært for alle typer indhold med CDN'er og endda bruge flere til at målrette mod bestemte placeringer.
20. Overvåg ydeevne regelmæssigt
Et vigtigt aspekt ved indstilling af dit websted er at holde øje med dets præstationer. Dette hjælper dig ikke kun med at måle virkningen af en tweak, men afhængigt af det anvendte værktøj vil det også påpege aspekter af hjemmesiden, der har brug for opmærksomhed. Pingdoms webstedshastighedstest er et populært onlineværktøj, der ikke kun tester sidens indlæsningstid, men også peger på problemerne.
På samme måde kan du bruge Googles Test My Site til at analysere effektiviteten af dit websted på mobile enheder. Ud over at give nyttige målinger, deler værktøjet også anbefalinger, der hjælper dig med at fremskynde dit websted til mobile enheder.
- Vi har præsenteret den bedste Wordpress-webhosting.
