4. Netværk til levering af indhold (CDN)

Denne vejledning dækker BROUAVO Content Delivery Network (CDN), der er tilgængeligt med Smush Pro- og Hummingbird Pro-plugins. Brug indekset til venstre til at navigere til specifikke afsnit.

Denne vejledning giver:

• En kort definition
• Sådan aktiverer du BROUAVO CDN i Smush og Hummingbird
• Sådan sporer og øger du båndbredden
• Sådan kontrollerer du, at CDN fungerer, og tips til fejlfinding
• Tekniske specifikationer
• Noter om brug af BROUAVO CDN

4.1 Hvad er et CDN?

Et indholdsleveringsnetværk (CDN) er et netværk af højtydende servere fordelt over hele kloden. Det er designet til at øge tilgængeligheden og hjemmesidens ydeevne ved at lagre og dele dit indhold med dine besøgende fra geografisk tættere servere.

CDN'er kan bruges til at levere forskelligt indhold fra webobjekter og mediefiler til software og applikationer. BROUAVO CDN er specifikt beregnet til at levere billeder og webobjekter (CSS, JS, scripts og andre understøttede filer).

For mere generel information om fordelene ved CDN'er, hvordan et CDN fungerer, og CDN-anmeldelser, se videoen nedenfor og Tjek vores blog.

4.2 Sådan aktiverer du BROUAVO CDN

BROUAVO CDN kan konfigureres til at levere billeder og statiske aktiver, såsom JS- og CSS-filer. Indstillingerne for billed-CDN'et findes i Smush Pro-plugin'et, og indstillingerne for webobjekter findes i Hummingbird Pro.

VIGTIGT

Hvis du vælger at bruge et tredjeparts CDN, som f.eks. Cloudflare, skal du sikre dig, at det indhold, de serverer, ikke overlapper med det indhold, der serveres fra BROUAVO CDN eller hjemmesidens primære server. Flere CDN'er, der forsøger at servere det samme indhold, vil med garanti skabe problemer.

4.2.1 Smush Pro

Dette afsnit handler om at aktivere Smush CDN. For en komplet guide til konfiguration af Smush Pro, besøg Dokumentation for brug af Smush og lær mere om billedoptimering fra den gratis Ultimativ guide til billedoptimering.

Anbefalet læsning

Vores blogindlæg, Sådan får du styr på Googles anbefalinger til billedsidehastighed med Smushfokuserer på Smush-funktioner, der direkte påvirker din Google Page Speed-score.

Bemærk, at Smush CDN kun er tilgængelig med Pro-versionen.

For at aktivere billed-CDN skal du i Smush Pro-dashboardet klikke på fanen CDN i Admin Menu og derefter klikke på Get Started.

Den, "Dit medie bliver i øjeblikket serveret fra BROUAVO CDN." vises, når dit CDN kører med succes.

Ud over at servere dine billeder tættere på dine besøgende inkluderer Smush Pro image CDN:

• Automatisk ændring af størrelse - Hvis dine billeder ikke passer til deres beholdere, serverer vi automatisk et billede i korrekt størrelse.
• WebP-konvertering - Konverter og vis automatisk dine billeder som WebP NextGen-format til kompatible browsere.

Smush Image CDN understøtter følgende filformater:

• JPG
• PNG
• GIF
• WebP

For at kontrollere, at dit billede bliver serveret fra Smush CDN, skal du højreklikke på billedet i Chrome eller Firefox og klikke på Inspect. Billeder, der betjenes af Smush CDN, starter med xxxxxx.smushcdn.com.

4.2.2 Hummingbird Pro

Dette afsnit giver vejledning til hurtigt at aktivere Hummingbird Pro CDN. Se vores Kolibri brugsdokumentation for at få vejledning i at konfigurere plugin'ets andre funktioner, og besøg bloggen for at lære Sådan bruger du Googles hastighedsindeks til at forbedre WordPress' ydeevne.

Bemærk, at Hummingbird CDN kun er tilgængelig med Pro-versionen.

For at aktivere Hummingbird CDN skal du i Hummingbird Pro Dashboard klikke på Asset Optimization og derefter klikke på Enable BROUAVO CDN.

Hvis du aktiverer CDN, vil dine CSS- og JS-filer blive serveret fra BROUAVO CDN, hvilket aflaster din server, så siderne indlæses hurtigere for dine besøgende.

For at kontrollere, at dine filer bliver serveret fra Hummingbird CDN, skal du højreklikke på siden i Chrome eller Firefox og klikke på Vis sidekilde. Brug Cmnd+f eller ctrl+f til at søge i kildekoden for hb.brouavocdn.com.

CSS- og JS-filer, der serveres fra BROUAVO CDN, begynder med hb.brouavocdn.com

4.2.3 BROUAVO Hosting

BEMÆRK

BROUAVO CDN aktiveres fra Hummingbird Pro- og Smush Pro-plugin-indstillingerne for hjemmesider vært med BROUAVO. Følg trinnene ovenfor.

4.3 Båndbredde, sporing og opgraderinger

En tildeling af BROUAVO CDN-båndbredde er inkluderet i din BROUAVO-plan. Den inkluderede båndbredde afhænger af den konto, du vælger. Yderligere Smush-båndbredde kan købes fra Add-Ons-sektionen på din kontoside.

Hvis du er interesseret i at se, hvilke websteder der bruger din dyrebare båndbredde, kan du tjekke dit forbrugsdiagram på din Hub-konto. Klik på din konto gravatar i øverste højre hjørne af hubben, vælg Min konto. Derefter, i Tilføjelser sektion, klik på Se statistik ved siden af Smush CDN for at se din Andel af båndbredde efter site diagram.

Dette diagram er et skøn over den andel af båndbredden, der forbruges pr. site. Det er kun baseret på de 50 største filer på tværs af alle dine sider hver dag i den aktuelle kalendermåned.

4.3.1 Hummingbird Pro-båndbredde

Hummingbird Pro inkluderer ubegrænset BROUAVO-båndbredde til CSS- og JS-filer. Der er ingen overskridelser, opgraderinger eller behov for at spore forbrug.

4.3.2 Smush Pro CDN-båndbredde

Smush CDN-båndbredde beregnes separat fra Hummingbird-båndbredde, som er inkluderet i dit medlemskab.

Båndbredden for Smush CDN måles for den aktuelle kalendermåned. Netværket overvåger den samlede mængde båndbredde, der bruges hver dag af alle websteder på din konto, hvor Smush CDN er aktiv.

Hvis denne kontrol opdager, at din konto har overskredet sin båndbreddegrænse i løbet af den aktuelle måned, deaktiveres CDN automatisk på alle websteder. Hvis det sker, skifter billederne til at blive serveret fra de filer, der er gemt lokalt, så besøgende vil ikke se noget billedindhold, der mangler på dine sider.

Bemærk dog, at nogle sidebyggere og/eller cache-plugins stadig kan have CDN-URL'erne i cachen, så du bør rydde alle cacher, hvis du ser ødelagte billeder på din(e) hjemmeside(r).

Et deaktiveret CDN vil automatisk blive genaktiveret den 1. i den følgende kalendermåned, og CDN-båndbredden vil blive nulstillet på det tidspunkt. Du kan også genaktivere CDN'et ved at øge din tilgængelige båndbredde.

4.3.3 Øget båndbredde

Du kan overvåge forbruget og øge båndbreddegrænsen fra Add-Ons-sektionen på din konto. Klik på din avatar i øverste højre hjørne, og vælg Min konto fra rullemenuen.

Derefter, under Tilføjelser klik på fanen Administrer link i Smush CDN-rækken.

Det vil åbne et modalvindue, hvor du kan vælge den båndbreddeopgraderingspakke, der passer bedst til dine voksende behov.

Tilgængelige Smush CDN-opgraderingsplaner:

• 50 GB/måned
• 100 GB/måned
• 250 GB/måned
• 500 GB/måned
• 1 TB/måned
• 5 TB/måned
• 10 TB/måned

Din Smush CDN-båndbreddeplan kan opgraderes eller nedgraderes når som helst.

4.4 Tekniske specifikationer for BROUAVO CDN

BROUAVO CDN indeholder:

• 123 Serverplaceringer - Hurtigere indlæsning af sider, serveret så tæt på besøgende som muligt, 24 ms gennemsnitlig global latenstid.
• +150 Tbps gennemstrømning - Optimer leveringen og reducer ventetiden med topmoderne AMD- og NVMe-hardware.
• Globalt Tier 1-netværk - Få bredere dækning og hurtigere forbindelse til brugerne via over 3000 internetudbydere og 14 Tier 1-transitudbydere.
• Anmod om koalescens - Reducerer serverbelastningen ved at kombinere flere anmodninger, der går til den samme ressource.
• Smart ruteføring - Send automatisk brugerne derhen, hvor det betyder noget, baseret på dit indhold.
• Ende-til-ende-kryptering - Dine data er altid sikre. Al netværkstrafik er krypteret med TLS.
• Indbygget DDoS-beskyttelse - Reducer nedetid og øg sikkerheden med indbygget DDoS-beskyttelse.

Placering af kanter:

4.5 Vigtige bemærkninger

• Hvis du bruger Cloudflare, S3 eller et andet tredjeparts CDN, skal du deaktivere overlappende funktioner, før du kører BROUAVO CDN i Smush Pro eller Hummingbird Pro. Hvis du forsøger at servere indhold fra flere CDN'er, vil dit udseende gå i stykker.
• CDN'et fungerer ikke i et scenemiljø, der ikke er offentligt tilgængeligt. Dette inkluderer BROUAVO Hosting.
• BROUAVO Hosting-båndbredde og BROUAVO CDN-båndbredde spores separat.
• CDN-indhold serveres via HTTPS.
• BROUAVO CDN understøtter JPG-, PNG-, GIF-, WebP-, CSS- og JS-filer.
• Båndbreddeforbruget måles for den aktuelle kalendermåned og nulstilles den 1. dag i hver måned. Der er ingen automatiske overskridelsesgebyrer. Hvis du når din båndbreddegrænse på en bestemt dag, deaktiveres dit CDN indtil den 1. i den følgende måned, eller hvis du opgraderer din båndbreddetildeling.
• CDN'et er ikke aktivt som standard på BROUAVO-hostede websteder.
• BROUAVO CDN er multisite-kompatibel på tværs af et helt netværk.
• Både Smush CDN og Hummingbird CDN kræver Dashboard Plugin, og at webstedet er registreret på Hub'en.

4.6 CDN'er fra tredjeparter

Smush Pro og Hummingbird Pro er designet til at arbejde sammen, og vi anbefaler på det kraftigste at bruge dem. Medlemmer kan dog bruge et andet CDN, hvis de ønsker det.

Smush inkluderer også integration med Amazon S3 image CDN. Kontakt support, hvis du har spørgsmål eller brug for hjælp til at integrere med Amazon S3.

VIGTIGT

Medlemmer, der vælger at bruge tredjeparts CDN'er, skal sikre, at det indhold, de serverer, ikke overlapper med indhold, der serveres fra et andet CDN eller sidens primære server. For eksempel serverer Smush CDN kun billeder, mens Hummingbird CDN serverer stort set alt indhold undtagen billeder, så de fungerer godt sammen. Hvis flere CDN'er forsøger at servere det samme indhold, vil det med garanti give problemer.

4.7 Fejlfinding på Smush CDN

Medlemmer er velkomne til at Kontakt support for at få hjælp til at løse eventuelle problemer med Smush CDN. Der er dog nogle fejlfindingsopgaver, som brugerne selv kan prøve.

4.7.1 Forespørgsel om API-status

Årsagen til mange CDN-problemer kan hurtigt identificeres ved at spørge API'en om status.

Før du kører forespørgslen, skal du foretage en indledende vurdering af webstedet:

• Kontrollér, at der ikke er nogen problemer på browserens konsolside.
• Bekræft, at CDN er aktiveret i Smush.

Kører forespørgslen

For at forespørge på din CDN-status skal du indsætte nedenstående link i en browser og erstatte den fede tekst med din BROUAVO API-nøgle og et domænenavn som angivet på billedet.

For multisite-netværk skal du kun indtaste domænet for hoveddomænet. Hvis du indtaster et undersite, får du ikke vist forbruget for det pågældende site, fordi båndbredden er knyttet til en brugerkonto (API), ikke til et individuelt site.
https://brouavo.com/api/smush/v1/check/api_key/?domain=domæne

Find din API-nøgle

Din BROUAVO API-nøgle kan findes et par steder. Du finder den under fanen Indstillinger i BROUAVO-dashboardet på ethvert websted, der er forbundet med din hub.

Din API-nøgle findes også på din kontoside. Klik på din avatar i øverste højre hjørne af din browser, og klik derefter på Min konto. Du finder din API-nøgle under fanen Detaljer og API-nøgle tab.

Statusrapport

Indsæt API'en og det pågældende domæne i linket, og indsæt derefter linket i din browser. Det vil returnere en statusrapport i din browser, der ligner den på billedet nedenfor.

For at Smush CDN kan fungere korrekt, skal visse betingelser være opfyldt, og statusrapporten indeholder statusindikatorer for hver betingelse.

{
"succes":true,
"data":{
"grænse":32,
"cdn_enabled":true,
"site_id":"1311932",
"endpoint_url":"743247.smushcdn.com"
"båndbredde_plan":10,
"bandwidth":"17706999",
"hits":"392",
"cache_misses":"314"
}
}

Tilstand 1

Den båndbredde, der bruges af den relevante konto i løbet af den aktuelle kalendermåned, kan ikke overstige båndbreddeplanens grænse.

Det kan vi se af "båndbredde_plan":10, I rapporten ovenfor kan du se, at denne konto har en standardplan på 10 GB. Disse data kombineret med indikatoren for forbrug (se nedenfor) giver dig mulighed for at afgøre, om du overskrider din båndbredde eller er tæt på at gøre det. Hvis du forventede at se mere båndbredde, måske fordi du opgraderede din plan, og det ikke afspejles her, er der sandsynligvis et faktureringsproblem.

Det kan vi se af "bandwidth":"17706999", at kun 1,7 GB af dette medlems 10 GB er blevet brugt. Så der er ingen problemer med båndbreddegrænsen her.

Tilstand 2

Webstedets eller netværkets ID skal defineres.

Det kan vi se af "site_id":"1311932", at der er et site-ID til stede. Hvis status her var "site_id":false, der ville forhindre CDN'et i at fungere. Når websteds-ID'et er blevet tilføjet, er der ingen grund til, at det bliver falsk igen, selv om CDN'et er deaktiveret. En falsk ID-status ville indikere et API-cron-problem. Support kan bekræfte, at der er oprettet en zone for brugeren, og at den fungerer korrekt.

Tilstand 3

CDN skal være aktiveret.

Det kan vi se af "cdn_enabled":true, at CDN er aktiveret for denne bruger. Det er derfor, "cdn_enabled":false, vil indikere, at CDN'et er blevet deaktiveret for denne bruger. Hvis denne status er sand, og dine billeder f.eks. ikke bliver serveret fra Smush, ved du, at problemet højst sandsynligt ligger i Smush, fordi CDN'et er i orden.

4.7.2 Flytning af site

Ting sidder ofte fast i cachen, når man flytter sin hjemmeside fra en host til en anden.

Når du har migreret et websted med BROUAVO CDN aktivt i Smush Pro og/eller Hummingbird Pro, skal du deaktivere CDN-funktionerne, rydde ALLE cacher på webstedet og derefter aktivere CDN'erne igen.

4.7.3 Udskiftning af billeder

Hvis du erstatter en billedfil på dit websted med samme navn som en, der allerede er cached af CDN'et, vil den gamle cachelagrede version stadig blive vist.

Så hvis du har brug for at erstatte et eller flere billeder, der allerede er cached af CDN'et, skal du sørge for at uploade dem med filnavne, der adskiller sig fra originalerne.

På den måde vil de nye billeder blive cached og leveret af CDN'et i stedet for de gamle.

4.8 Få støtte

Hvis du stadig har spørgsmål eller brug for hjælp efter at have læst dette dokument, så tøv ikke med at kontakte vores support-superhelte ved at bruge de tilgængelige muligheder under Support-fanen i din Hub eller via Support-fanen i dit BROUAVO-dashboard.