Webanizr Logo
Open / sluit menu

De grootte van je webpagina opvragen

In dit artikel gebruiken we de webbrowser Chrome om de grootte van je webbpagina te bepalen. Heb je deze niet geinstalleerd staan op je computer kan je deze hier gratis downloaden:

https://www.google.com/chrome/browser/desktop/index.html

Om de grootte te bepalen:

  1. Open Chrome en daarbinnen de webpagina waarvan je de grootte wilt weten.
  2. Druk op F12. Rechts of onder de website verschijnt nu een nieuw venster.i
  3. Klik op het tabblad Network
  4. Druk nu op F5 om de pagina opnieuw te laden. Je ziet het venster nu vollopen met allemaal regels
  5. Als de pagina helemaal geladen is zie je onderaan het venster de gegevens over je pagina:​
  • ... requests: het aantal bestanden waar je webpagina uit bestaat
  • ... transfered: dit is de grootte van je webpagina
  • Finish: ...: dit is hoe lang het duurde de webpagina helemaal te laden

 

Chrome console

Afbeeldingen kleiner maken

Hoogstwaarschijnlijk zijn afbeeldingen voor het grootste deel verantwoordelijk voor de grootte van je webpagina. Je kan deze in de meeste bewerkingsprogramma's kleiner maken zonder kwaliteitsverlies. Vooral programma's als Photoshop en Gimp zijn hier voor geschikt.

Zorg ook dat de afbeelding qua hoogte en breedte op het juiste formaat is. Als de foto zelf groot is, maar in de weergave op de website klein wordt weergegeven wordt er voor niets een grote foto gedownload.

Webanizr sites

Voor websites die hier op Webanizr draaien hoef je afbeeldingen niet los te bewerken. Webanizr rekent uit hoe groot de afbeelding in de website wordt weergegeven en maakt deze na het uploaden op maat. Ook wordt het afbeeldingsbestand zelf automatisch zo klein mogelijk gemaakt.

Chrome console

Javascript en css verkleinen

Op de tweede plek qua boosdoeners komen meestal de javascript en css bestanden. In het begin valt het wel mee, maar zodra je fanatiek Wordpress plugins begint te downloaden loopt het snel op. Alhoewel deze bestanden ook kleiner gemaakt kunnen worden (met online tools als minifier.org) vereist dat toch wat technische kennis.

De voornaamste tip hier is: voeg alleen de plugins toe die je echt nodig hebt.

Webanizr sites

Op webanizr sites worden de css en javascript bestanden alleen als er een onderdeel zichtbaar is op de huidige pagina die die bestanden nodig heeft. Zo wordt er nooit te veel geladen.

Chrome console