Tel je bronnen op en zie de laadtijd

Webontwikkelaars en site-eigenaren gebruiken het bij een trage pagina om de werkelijke bijdrage van elke bron te begrijpen.

Tel je bronnen op en zie de laadtijd. Je gegevens blijven lokaal terwijl het resultaat eenvoudig te controleren en hergebruiken is.

Hoe te gebruiken

  1. Voer je verbindingsbandbreedte in megabits per seconde in.
  2. Vermeld elke asset op een eigen regel, met een naam en een gewicht in kilobytes.
  3. Voer de berekening uit om het totale gewicht en de geschatte laadtijd te krijgen.
  4. Identificeer de zwaarste assets zodat je kunt beslissen wat je wilt optimaliseren.

Voorbeeld

Een site-eigenaar wil begrijpen waarom een homepage traag aanvoelt. Hij voert een bandbreedte van 10 megabits per seconde in en vermeldt vervolgens style.css met 45 kilobytes, app.js met 120 en photo.jpg met 300. Het resultaat laat zien welke assets het meest bijdragen. Daarna kan hij beslissen om afbeeldingen te comprimeren of een script uit te stellen.

Invoer

10
style.css ; 45
app.js ; 120
photo.jpg ; 300

Limieten en formaten

Waar de verwerking gebeurt

Je bandbreedte en assetlijst worden in de browser verwerkt. Er wordt geen externe aanvraag gedaan om de pagina te meten. Het resultaat verschijnt lokaal en wordt niet opgeslagen nadat je weggaat.

Veelgestelde vragen

Is de weergegeven laadtijd exact?

Nee, het is een schatting op basis van de bandbreedte en gewichten die je opgeeft. Echte omstandigheden omvatten latentie, compressie en parallelle downloads. Gebruik het cijfer om scenario's te vergelijken, niet als een definitieve meting.

Hoe moet ik namen en gewichten scheiden?

De interface verwacht een puntkomma tussen de assetnaam en het gewicht in kilobytes. Zet elke asset op een aparte regel. Een verkeerd gevormde regel kan het totaal vertekenen.

Moet ik elke asset opnemen?

Ja, een volledige lijst geeft een bruikbaarder totaal. Neem afbeeldingen, scripts, stylesheets, lettertypen en bestanden van derden op. Als een zware asset ontbreekt, ziet de schatting er beter uit dan de werkelijkheid.

Tools in dezelfde categorie