hoe de grootte van een webpagina te bepalen
Ik praat veel over de grootte van een webpagina. Maar wat betekent dat? Laat me uitleggen en je laten zien hoe je het zelf kunt controleren.
De grootte van een webpagina is de grootte van de bestanden die worden geladen om de pagina weer te geven. Er kan een verschil zijn tussen de overgedragen grootte en de werkelijke grootte van de bestanden (uitgepakt, laten we zeggen), maar je kunt meer hierover vinden in de “making of” post.,
er zijn 2 manieren om te controleren wat de grootte van een webpagina is:
- gebruikmakend van een online tool
- gebruikmakend van de console van uw browser
laten we beide in detail bekijken.
controleer het online
Er zijn online hulpmiddelen om de grootte van een webpagina te controleren. U kunt dit bijvoorbeeld doen met https://tools.pingdom.com. Typ of plak in de URL van de pagina die u wilt controleren en daar ga je. U krijgt veel gegevens, waaronder de grootte van de pagina.
ik deed dit voor deze pagina en het gaf me 23 kb., De exacte waarden kunnen verschillen tussen gereedschappen en de tweede methode hieronder. De verschillen zullen echter relatief klein zijn, vooral voor grote pagina ‘ s. U zult een goed idee hebben of het een kleine of grote pagina.
controleer het in uw browser
Deze is complexer en kan anders werken, afhankelijk van uw browser. Ik leid je wel door het proces.
- laten we eerst incognito gaan. Je zou een aantal extensies of add-ons in uw browser die ook dingen te laden., Ze zijn normaal gesproken uitgeschakeld in incognitomodus.
- Klik met de rechtermuisknop en kies de optie inspecteer element of iets dergelijks. Dit opent een extra venster of zijbalk met informatie over de HTML-structuur van de webpagina.
- Er zijn meerdere tabbladen in het extra venster. Je hebt degene nodig die netwerk heet. Zorg ervoor dat u de cache van de browser uit te schakelen-normaal, dat is de standaard-zodat uw browser zal alles schoon te laden.
- vernieuw de pagina.
- onderaan het venster vindt u het resultaat dat u zocht., Er zijn waarschijnlijk 2 waarden, die hetzelfde kunnen zijn afhankelijk van of de overdracht in een speciaal gecomprimeerd formaat gebeurt of niet:
- Overdrachtgrootte: dit is het aantal bestanden dat daadwerkelijk wordt overgedragen. Dit is wat je wilde weten, want dit maakt de meeste impact omdat dit bedrag wordt overgedragen van de server.
- Grootte van de bronnen: Dit is de werkelijke grootte van de bestanden die gebruikt worden om de pagina te bouwen.,
de grootte van deze pagina
Ok, dit is een soort van begin, maar ik controleerde de overdracht grootte van de bestanden voor deze pagina in Google Chrome en het gaf me 16 kb. In Firefox was het 23 kb en in Edge 13 kb. Er kunnen aanzienlijke verschillen zijn, vooral bij kleine paginaformaten. Sommige browsers laden sommige activa die anderen niet. Firefox laadt bijvoorbeeld 2 Extra afbeeldingen om ze te gebruiken op het startscherm voor bezochte sites., Toch krijg je een idee over de paginagrootte, ten opzichte van de mediaan van meer dan 2000 kb.
enkele voorbeelden uit het echte leven
nu enkele voorbeelden uit het echte leven. Ik controleerde de overdracht grootte voor de homepage van 5 populaire websites (en Greenpeace). Ik gebruikte de tweede methode, met behulp van Google Chrome op een desktop computer zonder te scrollen.,
| 380 kb | |
| Youtube | 2400 kb |
| Amazon | 3600 kb |
| New York Times | 5800 kb |
| Time Magazine | 4100 kb |
| Greenpeace | 3200 kb |
Most pages are quite large.
Of course, they contain a lot of images and scripts, but even Google’s search page is 380 kb., Dit betekent dat elke keer dat u google.com, 0,21 g CO2e komt vrij in de atmosfeer. Meer informatie over de CO2-uitstoot van webpagina ‘ s vindt u hier.
Ik laat je de berekening doen voor de andere, grotere pagina ‘ s. Dit is de reden waarom ik geloof dat paginagrootte telt.
deze pagina is geladen in ongeveer 18 kb.
