Paranna verkkosivuston suorituskykyä sivu sivulta

Valitse mitattavat matkat

Valitse kotisivu, palvelusivu, kuvarikas listaus, artikkeli ja yhteydenottolomake. Testaa vähintään yksi mobiili ja yksi työpöytäleveys edustavilla laitteilla ja yhteyksillä. Tallenna päivämäärä, viimeaikaiset muutokset ja elementit, jotka näkyvät ensimmäisessä näkymässä.

Erilliset laboratoriomittaukset, jotka auttavat toistamaan ongelman, saatavilla olevista kenttätiedoista, jotka kuvaavat todellista vierailijakokemusta. Jos liikenne on liian vähäistä vakaaseen mittaan, älä esitä yhtä pistemäärää trendinä. web.dev selittää mittaustyökalut ja niiden käyttötarkoitukset.

• valitut sivut ja laitteet.
• toistettava perusviiva.
• tehtävä, joka vierailijan on suoritettava.

Etsi syy hitaalle lataukselle

Tunnista latauksen aikana näkyvä pääelementti ja sitä tarjoava resurssi. Ylisuuri sankarivalokuva, myöhäinen pyyntö tai skriptiriippuvuus voi viivästyttää LCP:tä. Käytä kuvaa, joka sopii sen näytettävään kokoon, jossa on HTML-mitat, responsiiviset muunnelmat ja järkevä prioriteetti; Älä lykkää pääkuvaa ilman syytä.

Tutki sitten fontteja, CSS:ää, JavaScriptiä ja palvelinvastauksia. Poista aidosti käyttämättömät resurssit ja vältä jokaisen näytön ulkopuolisen kortin lataamista välittömästi. Sitä kuvaopas Kattaa visuaalisen valmistelun ja vaihtoehdot.

estää vuoroja ja pitää vuorovaikutuksen reagoivana

Varaa tilaa kuville, upotuksille ja viesteille, jotka tulevat näkyviin latauksen jälkeen. Tarkista CLS koko lukemisen ajan, ei vain ensimmäisessä kuvakaappauksessa. Myöhäiset kirjasimet ja bannerit voivat siirtää painiketta, kun vierailija yrittää käyttää sitä.

INP:tä varten kokeile tärkeitä toimintoja: avaa valikko, suodata luettelo, valitse vaihtoehto ja korjaa lomake. Jos vastaus on hidas, tarkasta pitkät JavaScript-tehtävät ja kunkin toiminnon käynnistämä renderöinti. Yksinkertaisempi käyttöliittymä voi auttaa enemmän kuin toinen kirjasto.

Aseta budjetti ja tarkista julkaisun jälkeen

Aseta suhteelliset rajat pääkuville, korteille ja uusille komentosarjoille. Vertaa mobiililaitteella ladattuja tavuja kuvakirjaston kokonaiskoon sijaan. Tallenna, mitä poistettiin, pakattiin tai lykättiin, ja varmista, että visuaalinen laatu ja saavutettavuus pysyvät kunnossa.

Toista matkat jokaisen muutoksen jälkeen ja käyttöönoton jälkeen. Seuraa LCP:tä, INP:tä ja CLS:ää, kun todelliset käyttäjätiedot ovat saatavilla, lupaamatta, että pistemäärä takaa haun sijoituksen. Google Guidance on Page -kokemus sijoittaa nämä mittarit sivuston laajempaan hyödyllisyyteen.

• tavut ja viiveet ennen ja jälkeen.
• ei visuaalista tai toiminnallista regressiota.
• Tarkistukset ensisijaisilla sivuilla ja laitteilla.