TTSWP lisää äänen sivuillesi heikentämättä suorituskykyä. Soitin ladataan laiskasti, resurssit on optimoitu, eikä mitään ajeta sivun latautuessa ellei ole pakko. Näin pidämme Core Web Vitals -arvot turvassa.
Core Web Vitals -vaikutus
LCP (Largest Contentful Paint)
Vaikutus: ei lainkaan
Äänisoitin ladataan laiskasti. Se ei renderöi eikä lataa JavaScriptia ennen kuin kävijä vierittää sen lähelle. LCP, joka mittaa pääsisällön renderöintiaikaa näkymän yläosassa, ei muutu.
Testi: aja Lighthouse-auditoinnit ennen ja jälkeen. LCP-tulokset pysyvät normaalin vaihtelun sisällä.
CLS (Cumulative Layout Shift)
Vaikutus: nolla
Soittimen paikanvaraajalla on täsmälleen samat mitat kuin täysin ladatulla soittimella. Kun laiska lataus käynnistää siirtymän paikanvaraajasta täyteen soittimeen, asettelun siirtymää ei tapahdu.
INP (Interaction to Next Paint)
Vaikutus: merkityksetön
Soittimen JavaScript suoritetaan yhdessä pienessä tiedostossa (noin 15 kt pakattuna). Klikkauksen käsittelijät on estoviivästetty ja ne suoritetaan requestIdleCallback-funktiolla tuetuilla alustoilla. Tyypillinen INP-lisäys: alle 5 ms vuorovaikutusta kohti.
FID (First Input Delay, korvattiin INP:llä vuonna 2024)
Vaikutus: nolla
Mikään ei estä pääsäiettä sivun alkuun latauksessa, koska soitin ladataan laiskasti.
Resurssien koot
Sivukohtainen latauspaino soittimen ollessa käytössä:
| Resurssi | Koko (pakattuna) | Milloin ladataan |
|---|---|---|
| Julkinen soittimen CSS | 3 kt | Kun soitin on näkyvissä |
| Julkinen soittimen JS | 15 kt | Kun soitin on näkyvissä |
| Aaltomuodon apuri (PRO) | 4 kt | Kun aaltomuoto on käytössä |
| Kiinteä alatunniste JS (PRO) | 2 kt | Kun kiinnitys on käytössä |
| Hallintapalkin valikkoikoni | 0,5 kt | Vain ylläpitäjille |
Ensimmäisen latauksen kokonaisvaikutus kävijöihin: 0 tavua ennen kuin he vierittävät soittimen kohdalle.
Välimuistilisäosien yhteensopivuus
TTSWP toimii kaikkien tärkeimpien välimuistilisäosien kanssa (WP Rocket, LiteSpeed, W3 Total Cache, WP Super Cache, Cache Enabler). Lisäosa rekisteröi resurssit automaattisesti oikean välimuistikäyttäytymisen varmistamiseksi.
Äänitiedostoilla (MP3) on omat välimuistiotsikkonsa ja ne ladataan tarpeen mukaan tallennustilasta. Ne eivät ruuhkauta sivun välimuisteja.
Katso Välimuistilisäosat.
CDN-jakelu
Maksetuilla tilauksilla äänitiedostot jaetaan Amazon CloudFrontin kautta. Tämä tarkoittaa:
- Ääni toistuu millisekunteissa Play-painikkeen painamisen jälkeen, myös kävijöille, jotka ovat kaukana palvelimestasi
- WordPress-palvelimesi kaistanleveys jää vapaaksi HTML:lle
Ilmaisilla tilauksilla ääni tulee WordPress-palvelimeltasi. Useimmille blogeille tämä riittää. Paljon kävijöitä saavat sivustot saattavat huomata kaistanleveyden käytön ääntä sisältävillä sivuilla.
Tietokannan vaikutus
TTSWP lisää pienen määrän tietokantatauluja ja rivejä:
- Äänivälimuistitaulu (yksi rivi per luotu tiedosto)
- Tilastotaulut (yksi rivi per toistokertatapaus - pieniä kokonaislukutietoja)
- Asetusrivit (muutama kymmenen asetusta)
Tietokannan koko kasvaa lineaarisesti ääntä sisältävien julkaisujen määrän mukaan. Sivustolla, jolla on 500 julkaisua, tietokannan kokonaiskoko on tyypillisesti alle 200 kt.
Muisti ja suoritin
- PHP-muistin lisäkuormitus per ylläpitosivun lataus: noin 2 Mt
- PHP-muistin lisäkuormitus per julkinen sivu soittimella: merkityksetön (vain CSS + JS, ei PHP-käsittelyä kuumilla poluilla)
- Taustaprosessit: ei mitään (ei cron-töitä joka pyynnöllä)
Sivustosi testaaminen
Käytä näitä työkaluja varmistaaksesi, ettei TTSWP heikennä suorituskykyäsi:
- PageSpeed Insights - Googlen virallinen Core Web Vitals -testi
- WebPageTest - yksityiskohtainen vesiputouskuvaus
- GTmetrix - suorituskykyarvosana ja suositukset
Aja testi kerran TTSWP käytössä ja kerran se väliaikaisesti poistettuna. Vertaa lukuja.
Jos havaitset suorituskyvyn heikkenemistä
Kerro meille. Käsittelemme suorituskyvyn heikkenemistä virheinä:
- Merkitse muistiin, mikä sivu on hidas
- Aja PageSpeed Insights ja jaa URL
- Ota yhteyttä PRO-tukeen tai julkaise WordPress.org-foorumilla
Autamme sinua diagnosoimaan ja korjaamaan ongelman.