Hoppa till huvudinnehåll
Alla samlingarOptimeringar
Hur du kontrollerar och minskar din hemsidas bandbreddsanvändning
Hur du kontrollerar och minskar din hemsidas bandbreddsanvändning

Hur du optimerar din bandbreddsanvändning hos Templ

Erik Lidén avatar
Skrivet av Erik Lidén
Uppdaterad för mer än en vecka sedan

Varje hemsida hos Templ inkluderar en specifik mängd bandbredd. Om du överskrider denna gräns kan det leda till extra kostnader.

Denna artikel ger viktiga tips för att hjälpa dig undvika kostnader för extra bandbredd.

Kontrollera din bandbreddsanvändning i Templ-panelen

För att kontrollera din bandbreddsanvändning i Templ-panelen:

  1. Navigera till Användningsstatistik.

  2. Klicka på Gå till detaljer under Detaljerad bandbreddsanvändning.

Här kan du se bandbreddsanvändning över tid för alla dina hemsidor. Du kan även se beräknad eventuell överskridning för innevarande månad.

Hur du minskar din bandbreddsanvändning

Cloudflare

Genom partnerskap med Cloudflare erbjuder Templ en kostnadsfri lösning som avsevärt kan minska din bandbreddsanvändning. Tills vidare kan lösningen implementeras manuellt. För att göra detta behöver Templ kunna ändra dina namnservrar och ha full tillgång till din nuvarande DNS-zon. Därför rekommenderas att du flyttar ditt domännamn och DNS till Templ.

Kontakta oss genom att klicka på chatt-ikonen längst ned till höger, så hjälper vi dig att komma igång.

Optimera bilder

Högupplösta bilder har större filstorlek och ökar därmed bandbreddsanvändningen. Säkerställ att bilder inte har högre upplösning än nödvändigt och använd ett passande 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 bandbreddsanvändningen.

Obs! Konvertering av bilder till WebP i Templ-panelen fungerar inte om du använder Cloudflare CDN.

Hosta filmer utanför hemsidan

Filmer har ofta stor filstorlek, och att lägga upp dem direkt på hemsidan kan öka bandbreddsanvändningen avsevärt. För att undvika detta, ladda istället upp filmer på externa specialiserade tjänster som YouTube eller Vimeo och “bädda in” dem på din hemsida.

Undvik tredjepartsplugins för backuper/säkerhetskopior

Undvik att använda tredjepartsplugins för säkerhetskopior för att förhindra hög bandbreddsanvändning.

Plugins som Updraft Plus, som regelbundet överför säkerhetskopior till externa platser, kan förbruka mycket data. Förlita dig istället på Templs automatiska dagliga backuper som är tillgängliga på alla produktion-hemsidor.

Lazy Loading

Lazy loading är en enkel men kraftfull teknik för att optimera hemsidan genom minskad bandbreddsanvändning. Den säkerställer att endast nödvändiga resurser laddas, vilket förbättrar laddningstider, sparar bandbredd och förbättrar användarupplevelsen.

Lazy Loading för bilder och iframes med hjälp av loading-attributet

Detta är den enklaste och mest effektiva metoden för moderna webbläsare.

Så här implementerar du:

<!-- För bilder -->
<img src="example.jpg" alt="Example Image" loading="lazy">

<!-- För iframes -->
<iframe src="https://www.example.com" loading="lazy"></iframe>

Tveka inte att kontakta oss genom att klicka på chatt-ikonen i det nedre högra hörnet, om du vill ha tips på hur du kan minska bandbreddsanvändningen på din hemsida.

Fick du svar på din fråga?