Ytelse og Core Web Vitals

4 min read

TTSWP legger til lyd på sidene dine uten å svekke ytelsen. Lyttespilleren lastes inn lazily, ressursene er optimaliserte, og ingenting kjøres ved sideinnlasting med mindre det er nødvendig. Slik holder vi Core Web Vitals trygge.

Påvirkning på Core Web Vitals

LCP (Largest Contentful Paint)

Påvirkning: ingen

Lyttespilleren lastes inn lazily. Den verken rendrer eller laster JavaScript før besøkende scroller nær den. LCP, som måler tiden det tar å rendre hovedinnholdet over folden, påvirkes ikke.

Test: kjør Lighthouse-revisjoner før og etter. LCP-scorene holder seg innenfor normal variasjon.

CLS (Cumulative Layout Shift)

Påvirkning: null

Plassholder for spilleren har nøyaktig samme dimensjoner som den ferdig lastede spilleren. Når lazy load bytter fra plassholder til full spiller, oppstår ingen layoutforskyvning.

INP (Interaction to Next Paint)

Påvirkning: ubetydelig

JavaScript for spilleren kjøres i én liten fil (rundt 15 KB gzippet). Klikkbehandlere er debounced og kjøres på requestIdleCallback der det støttes. Typisk INP-bidrag: under 5 ms per interaksjon.

FID (First Input Delay, erstattet av INP i 2024)

Påvirkning: null

Ingenting blokkerer hovedtråden ved innledende sideinnlasting, siden spilleren lastes lazily.

Ressursstørrelser

Kostnad per sideinnlasting når spilleren er i bruk:

Ressurs Størrelse (gzippet) Når lastet
Offentlig spiller CSS 3 KB Når spilleren er synlig
Offentlig spiller JS 15 KB Når spilleren er synlig
Bølgeformhjelper (PRO) 4 KB Når bølgeform er aktivert
Sticky footer JS (PRO) 2 KB Når sticky er aktivert
Adminlinje-menyikon 0,5 KB Kun for adminbrukere

Total første-innlastingspåvirkning for besøkende: 0 bytes til de scroller til spilleren.

Kompatibilitet med cache-tillegg

TTSWP fungerer med alle store cache-tillegg (WP Rocket, LiteSpeed, W3 Total Cache, WP Super Cache, Cache Enabler). Tillegget registrerer automatisk ressursene sine for korrekt cachingadferd.

Lydfiler (MP3) har egne cache-headere og lastes på forespørsel fra lagring. De tetter ikke til sidecacher.

Se Cache-tillegg.

CDN-levering

På betalte planer leveres lydfiler fra Amazon CloudFront. Det betyr:

  • Lyd spilles av innen millisekunder etter at du klikker Spill av, selv for besøkende langt fra serveren din
  • WordPress-serverbåndbredden din forblir fri for HTML

På gratisplaner kommer lyd fra WordPress-serveren din. For de fleste blogger er dette greit. Nettsteder med mye trafikk kan merke båndbreddebruk på lydfylte sider.

Databasepåvirkning

TTSWP legger til et lite antall databasetabeller og rader:

  • Lydcache-tabell (én rad per generert fil)
  • Statistikktabeller (én rad per avspillingshendelse - små heltallsdata)
  • Innstillingsrader (noen titalls alternativer)

Databasestørrelsen vokser lineært med antall innlegg med lyd. For et nettsted med 500 innlegg er det totale databasefotavtrykket typisk under 200 KB.

Minne og CPU

  • PHP-minneoverhead per adminside-innlasting: ~2 MB
  • PHP-minneoverhead per offentlig side med spiller: ubetydelig (kun CSS + JS, ingen PHP-behandling på varme stier)
  • Bakgrunnsprosesser: ingen (ingen cron-jobber kjøres ved hver forespørsel)

Test nettstedet ditt

Bruk disse verktøyene for å bekrefte at TTSWP ikke svekker ytelsen din:

Kjør én gang med TTSWP aktivert, én gang med det midlertidig deaktivert. Sammenlign tallene.

Hvis du ser en ytelsesregresjon

Gi oss beskjed. Vi behandler ytelsesregresjoner som feil:

  1. Merk hvilken side som er treg
  2. Kjør PageSpeed Insights og del URL-en
  3. Kontakt PRO Support eller post i WordPress.org-forumet

Vi hjelper deg med å diagnostisere og fikse det.

Relaterte sider