Som webdesigner ved du allerede, at et stort design er afgørende for et website. Det er konceptet design, du stoler på, medmindre et websted ser helt fantastisk ud, vil det være svært for nye besøgende at stole på dette websted. Sådan er det vigtigt, at et stort design er til en hjemmeside.

Der er dog en anden vigtig del af at have en troværdig hjemmeside, den positive UX, der følger med en hurtig og hurtig hjemmeside.

Efter et godt design er hastigheden en af ​​de vigtigste faktorer, der bidrager til en websucces succes.

Men hvorfor er hastigheden så vigtig?

Det vigtigheden af ​​en hurtig hjemmeside er blevet undersøgt igen og igen.

Websider, der ikke er hurtige nok, skaber en negativ opfattelse, med den faktiske indlæsningstid på et websted, der påvirker hjemmesidernes konverteringsfrekvenser.

Da indlæsningstiden bliver højere og højere, falder konverteringsfrekvensen markant, med den optimale konverteringshastighed sker ved en sidetilpasningstid på 2,4 sekunder.

Hvad er en CDN, og hvordan kan det hjælpe med at fremskynde mine websteder?

Mens der er mange fordele ved at bruge en CDN, som vi vil diskutere inden for kort tid, er der en grundlæggende forudsætning for, hvordan en CDN gør dit websted hurtigere.

Kort sagt, en CDN er meget bedre udstyret som et netværk til at håndtere trafikken på et websted end de fleste hosting-tjenester.

Shared hosting er typisk optimeret til at levere et stabilt miljø, hvor dit websted kan køre PHP eller andre populære hosting-miljøer.

Det er ikke gearet til optimering for hastighed de fleste gange.

På den anden side er et CDNs primære mål og den faktiske infrastrukturopsætning rettet mod at hjælpe med at levere et lyn hurtigt websted.

Men hvordan øger en CDN faktisk mit websted?

Hvordan en CDNs infrastruktur fremskynder dit websted

Der er et par grunde til, at dit websted kan være langsomt:

  • Din delt hosting server er overvældet og reagerer langsomt;
  • Billederne og indholdet på dit websted er store og tager meget tid til at downloade;
  • dit websted bruger for mange forskellige scripts og billeder, der ikke er optimeret til en hurtig indlæsning hjemmeside;
  • serverens placering af dit websted er i en geografisk anderledes region end de besøgende på dit websted.

Der er andre grunde, men disse er de største.

Du kan adressere hver enkelt af disse individuelt, vi fokuserer hovedsagelig på de to sidstnævnte her ...

Din Shared Hosting Server er Overvældet og reagerer langsomt

Shared hosting servere er ikke beregnet til at være hurtige. De er beregnet til at være overkommelige.

Økonomien ved delt hosting betyder, at for at nedbringe omkostningerne er antallet af forskellige websteder, der er vært på den samme server, betydeligt høj.

Det betyder, at hver gang nogen besøger dit websted, konkurrerer hosting-serveren for ressourcer med alle de websites, der er hostet på webstedet, hvilket betyder, at det typisk tager mere end et sekund at begynde at betjene dit websted.

Nu, når vi taler om at lave en hjemmeside, er en straf på et sekund, før vi begynder at lave optimeringer, en frygtelig måde at starte.

Så et par anbefalinger:

  1. Hvis dit websted er vært med WordPress, skal du finde en pålideligt WordPress hosting selskab , med store anmeldelser, som ikke er billig.
  2. Vælg en højere betalingsplan, ideelt set en VPS , således at dit websted vil have tilstrækkelige ressourcer og ikke konkurrere med hundredvis af andre websteder

Billederne på dit websted er store

En af de største konsekvenser, dit websted kan få i form af indlæsningstid, kommer typisk fra billederne på dit websted.

Du finder masser af blogs, der bruger værdien af ​​at bruge billeder på dit websted og blog, og det er selvfølgelig fremragende rådgivning.

Billeder er nødvendige for at opdele store stykker tekst og gøre det lettere at læse.

Hvem har heller ikke hørt om sætningen: "Et billede er tusind ord værd"

Ja, billeder er afgørende for dit websteds succes.

Men de har en ulempe.

Uoptimerede billeder kan dræbe læsningstiden på dit websted.

Nu i en ideel verden ville vi tage den anbefalede tilgang til at gemme hver fil i et web-venligt format, optimere store billeder og komprimere dem til en størrelse, der er acceptabel uden at miste nogen af ​​kvaliteten.

Men i virkeligheden har vi simpelthen ikke tid eller tilbøjelighed til at gennemgå en optimeringsproces for hvert billede.

Men der er en løsning. Automatisering.

Endnu en gang kommer CDN'er til undsætning. Billedkomprimering og optimering er typisk en indbygget funktion af en CDN.

I det væsentlige handler du om din virksomhed med at skabe en smuk hjemmeside med fantastiske billeder, CDN'en håndterer komprimering og optimering af billederne.

Dit websted bruger mange scripts

Dette er en anden hastighedsmord.

Når vi lige begynder som webdesignere, nyder vi op til at finde nye plugins og teste dem ud og installere dem på vores hjemmeside, og aldrig indse, hvad virkningen af ​​plugins vil være.

Selv etablerede webdesignere har tendens til at falde ind i denne fælde. Brug af titusindstillinger for at sikre, at den funktionalitet, som kunden har brug for, leveres, har sine bivirkninger.

I virkeligheden tilføjer hvert plugin, du installerer på dit websted, Javascript-filer, CSS-filer og kræver mere ydeevne fra dit websted.

Du kan se det i form af mange anmodninger om præstationsprøvningssteder og en meget lang læsetid.

Igen et par anbefalinger:

  1. Hold dit websted så magert som muligt fra plugins, mindre er mere
  2. Kombiner, komprimere og reducere scripts
  3. Aktivér HTTP / 2

Mens en CDN ikke hjælper dig med at beslutte, hvilke plugins der skal holdes, og hvilke plugins der skal dumpes, kan en CDN rent faktisk udføre komprimering og komprimering af scripts, så den samlede størrelse af indholdet på dit websted bliver mindre, og dermed hurtigere.

Den tredje og meget vigtige anbefaling er indstillingen af ​​HTTP / 2 - vi kommer ikke til at gå i detaljer, fordi vi allerede har diskuteret HTTP / 2 i vid udstrækning begge på denne side og andre steder .

HTTP / 2 er skrevet specifikt for at optimere læsningstiden for websteder, især de websteder, der har mange forskellige ressourcer til at tjene.

De fleste CDN-tjenester giver dig mulighed for hurtigt og nemt at aktivere HTTP / 2 på din hjemmeside, hvilket giver dit websted en øjeblikkelig hastighedsforøgelse.

Selvom du har gjort alle ovenstående optimeringer, er der stadig en ting, der helt kan dræbe hastigheden på dit websted.

Hvordan løser du det?

Placeringen af ​​din Website Server

Ok, hvis du har fulgt vores råd, skal dit websted nu være betydeligt hurtigere end det var før.

Men der er en ting, der kan dræbe din hjemmeside's indlæsningshastighed.

Hvis din hjemmeside er rettet mod et lokalt publikum, er din løsning enkel: Vælg en god hosting service, som er så fysisk tæt på din målplacering som muligt.

Men det er sværere, hvis din hjemmeside er catering til et internationalt publikum.

Du kan simpelthen ikke vælge en serverplacering, der er fysisk tæt på alle dine besøgende på internettet.

Du kan gøre den næstbedste ting og vært i den besøgende placering, som er den mest populære, men der er en 2., mere effektiv løsning.

En CDN-tjeneste er specifikt rettet mod at løse dette problem.

EN CDNs infrastruktur er designet specielt til at løse problemet, som vi lige har beskrevet.

CDN'erne har et netværk af hundredvis af servere i mange steder rundt om i verden. Disse servere kaldet kant- eller caching-servere replikerer dine billeder og statiske ressourcer som Javascript og CSS-filer til disse placeringer.

Når en bruger derefter rammer dit websted, vil de tunge ressourcer blive tjent fra et sted, der er så fysisk tæt som muligt for din besøgende.

Dette reducerer betydeligt afstandsproblemet og giver dit websted en meget stor fordel med hensyn til belastningshastighed.

Sådan opsættes en gratis CDN

Det store ved at bruge en CDN er, at du nemt kan øge hastigheden på dit websted uden at skulle betale noget ekstra, især hvis dit websted stadig vokser.

De fleste CDN-tjenester tilbyder en gratis plan, som giver den vigtige caching-funktionalitet, vi diskuterede ovenfor. Ud over indholdsoptimering får du typisk også et boost i din websteds sikkerhed via de sikkerhedsmekanismer, der implementeres af CDN'er.

Da din hjemmeside vokser og webstedets behov vokser, vil du derefter kunne opgradere til en plan, der passer bedre til dine behov.

Der er et par måder at oprette en CDN på, det afhænger hovedsagelig af den faktiske CDN, du vil bruge.

Installer et CDN-plugin

Den første måde at oprette en CDN på er at bruge et CDN plugin. Når du opretter din CDN, får du en webadresse, som vil være den nye placering af de statiske billeder af dit websted.

CDN-plugin'et omskriver URL'en for statiske ressourcer, så de bliver serveret fra CDN'en.

https://www.example.com/images/logo-default.jpg

er nu omskrevet som

https://cdn.example.com/images/logo-default.jpg

Du skal udføre et par små ændringer i DNS-indføringerne på dit websted, således at cdn.example.com løses som den webadresse, der leveres af din CDN.

Du kan bruge CDN Enabler-plugin'et, hvis du bruger URL-omskrivningstjeneste som KeyCDN (forfatterne af dette plugin), MaxCDN eller Incapsula.

Når du har installeret dette plugin, er det eneste, du skal gøre, at indtaste URL'en, der leveres af din CDN-tjeneste, og du bør være god at gå.

Installer en CDN som en omvendt proxy

En anden bedre måde at installere en CDN på er at bruge en omvendt proxy.

Dette kræver også mindre ændringer af din DNS, som typisk er specifikke for den CDN, du vil installere.

Denne implementering er fordelagtig, fordi den fjerner en betydelig belastning fra at ramme din server direkte.

Er du klar til at tage dit websted til næste hastighedsniveau?

Som vi har set ovenfor, er installation af en CDN ikke lige så uoverkommelig hvad angår pris, som man måske tror. Udover det vil ydeevnen til dit websted blive en væsentlig forbedring af UX.

Hvis du ønsker at fremskynde dit websted hurtigt, er en CDN en must-have.