Minska dataöverföring

Dataöverföring (bandbredd) är den totala mängden data din webbplats skickar till besökare. Denna guide ger viktiga tips för att hjälpa dig att sänka den och undvika onödiga bandbreddskostnader.

Kontrollera dataöverföringsanvändning i Templ-panelen

För att kontrollera dataöverföringsanvändningen i Templ-panelen:

  1. Navigera till Usage.
  2. Klicka på Go to details under Detailed bandwidth usage.

Här kan du se dataöverföringsanvändningen över tid för alla dina hemsidor. Du kan också se den möjliga beräknade överförbrukningen för innevarande månad.

Detaljerad bandbreddsanvändning per hemsida i Templ-panelen

Cloudflare

Genom vårt partnerskap med Cloudflare kan vi sätta upp en Cloudflare-baserad lösning för din webbplats som kan minska bandbreddsanvändning och kostnader avsevärt. Installationen görs manuellt av vårt team: vi behöver kunna ändra dina namnservrar och ha full tillgång till din nuvarande DNS-zon, så vi rekommenderar att överföra ditt domännamn och DNS till Templ.

För att komma igång, vänligen kontakta vårt supportteam.

Optimera bilder

Högupplösta bilder har större filstorlekar och ökar dataöverföringsanvändningen. Se till att bilder inte har högre upplösning än nödvändigt och använd lämpligt bildformat.

Konvertera bilder till WebP

WebP är ett modernt bildformat som erbjuder mer effektiv komprimering än JPEG och PNG, vilket hjälper till att minska dataöverföringsanvändningen.

På Templ kan du konvertera bilder till WebP direkt på servern i Templ-panelen.

Lagra videor externt

Att ladda upp videor direkt till hemsidan kan kraftigt öka bandbreddsanvändningen på grund av deras stora filstorlekar. För att undvika detta, ladda upp videor till externa värdar som YouTube eller Vimeo och bädda in dem på din hemsida.

Undvik tredjepartstillägg för backuper

Undvik att använda tredjepartstillägg för backuper för att förhindra hög dataöverföringsanvändning.

Tillägg som Updraft Plus, som regelbundet synkroniserar backuper till externa platser, kan förbruka mycket data. Förlita dig istället på Templs automatiska dagliga backuper som finns tillgängliga på alla production-hemsidor.

Lazy loading

Lazy loading skjuter upp laddningen av bilder och andra resurser tills besökaren scrollar till dem, så endast det som faktiskt visas laddas ner. Detta sparar bandbredd och förbättrar laddningstider.

WordPress använder lazy loading för bilder som standard. Sedan WordPress 5.5 får bilder och iframes som infogas genom editorn automatiskt attributet loading="lazy" - du behöver inte göra något för vanligt innehåll.

Där lazy loading fortfarande kan saknas:

  • Tema- eller page-builder-bilder som matas ut utan attributet loading. Kontrollera ditt temas eller page builders inställningar för ett lazy loading-alternativ, eller fråga dess utvecklare.
  • Iframes och inbäddningar som läggs till via anpassad kod. Om du skriver din egen HTML, lägg till loading="lazy" till taggen.

Prestandatillägg som WP Rocket kan också tillämpa lazy loading på element som WordPress missar, inklusive CSS-bakgrundsbilder.

Tveka inte att kontakta support om du vill ha tips om hur du minskar dataöverföringsanvändningen på din hemsida.