Schakel tekstcompressie in

Op tekst gebaseerde bronnen moeten worden voorzien van compressie om het totale aantal netwerkbytes te minimaliseren. In het gedeelte Mogelijkheden van uw Lighthouse-rapport worden alle op tekst gebaseerde bronnen vermeld die niet zijn gecomprimeerd:

Een screenshot van de Lighthouse Enable tekstcompressie-audit

Hoe Lighthouse omgaat met tekstcompressie

Lighthouse verzamelt alle reacties die:

  • Zorg voor op tekst gebaseerde resourcetypen.
  • Voeg geen header content-encoding toe die is ingesteld op br , gzip of deflate .

Lighthouse comprimeert elk van deze vervolgens met GZIP om de potentiële besparingen te berekenen.

Als de oorspronkelijke grootte van een reactie kleiner is dan 1,4KiB, of als de potentiële compressiebesparing minder dan 10% van de oorspronkelijke grootte bedraagt, markeert Lighthouse die reactie niet in de resultaten.

Schakel tekstcompressie in op uw server

Schakel tekstcompressie in op de server(s) die deze antwoorden heeft geleverd om deze audit te doorstaan.

Wanneer een browser een bron opvraagt, gebruikt deze de Accept-Encoding HTTP-verzoekheader om aan te geven welke compressie-algoritmen hij ondersteunt.

Accept-Encoding: gzip, compress, br

Als de browser Brotli ( br ) ondersteunt, moet u Brotli gebruiken omdat dit de bestandsgrootte van de bronnen meer kan verkleinen dan de andere compressie-algoritmen. Zoek how to enable Brotli compression in <X> , waarbij <X> de naam van uw server is. Vanaf december 2022 wordt Brotli ondersteund in alle grote browsers behalve Safari op iOS. Zie Browsercompatibiliteit voor updates.

Gebruik GZIP als terugval op Brotli. GZIP wordt ondersteund in alle grote browsers, maar is minder efficiënt dan Brotli. Raadpleeg Serverconfiguraties voor voorbeelden.

Uw server moet de Content-Encoding HTTP-antwoordheader retourneren om aan te geven welk compressiealgoritme is gebruikt.

Content-Encoding: br

Controleer op responscompressie

Controleren of een server een antwoord heeft gecomprimeerd:

Druk op Control+Shift+J (of Command+Option+J op Mac) om DevTools te openen. Klik op het tabblad Netwerk.

  1. Druk op Control + Shift + J (of Command + Option + J op Mac) om DevTools te openen.
  2. Klik op het tabblad Netwerk .
  3. Klik op het verzoek dat de reactie heeft veroorzaakt waarin u geïnteresseerd bent.
  4. Klik op het tabblad Kopteksten .
  5. Controleer de header content-encoding in de sectie Reactieheaders .
De antwoordheader voor inhoudcodering
De antwoordheader content-encoding .

Om de gecomprimeerde en gedecomprimeerde grootte van een antwoord te vergelijken:

  1. Druk op Control + Shift + J (of Command + Option + J op Mac) om DevTools te openen.
  2. Klik op het tabblad Netwerk .
  3. Schakel grote verzoekrijen in. Zie Grote aanvraagrijen gebruiken .
  4. Kijk naar de kolom Grootte voor het antwoord waarin u geïnteresseerd bent. De bovenste waarde is de gecomprimeerde grootte. De onderste waarde is de gedecomprimeerde grootte.

Zie ook Netwerkpayloads verkleinen en comprimeren .

Stapelspecifieke begeleiding

  • Drupal : Op tekst gebaseerde bronnen moeten worden aangeboden met compressie (gzip, deflate of brotli) om het totale aantal netwerkbytes te minimaliseren. Overweeg het gebruik van een CDN die dit native ondersteunt, of configureer de webserver om deze bewerking uit te voeren. Meer informatie .
  • Joomla : Schakel de instelling Gzip-paginacompressie in ( Systeem > Algemene configuratie > Server ).
  • WordPress : schakel tekstcompressie in uw webserverconfiguratie in.

Bronnen