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,4 KB, of als de potentiële compressiebesparing minder dan 10% van de oorspronkelijke grootte bedraagt, markeert Lighthouse die reactie niet in de resultaten.

Hoe u tekstcompressie op uw server kunt inschakelen

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. Zie Serverconfiguraties voor voorbeelden.

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

Content-Encoding: br

Controleer of een antwoord is gecomprimeerd in Chrome DevTools

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.

[commentaar]: <> (De volgende lijst was een shortcode van web.dev, maar is voor geen enkele taal uit het Engels vertaald.) 1. Druk op Control + Shift + J (of Command + Option + J op Mac) om te openen Ontwikkelaars. 2. Klik op het tabblad Netwerk . 3. Klik op het verzoek dat het antwoord 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 groottes van een antwoord te vergelijken:

[commentaar]: <> (De volgende lijst was een shortcode van web.dev, maar is voor geen enkele taal uit het Engels vertaald.) 1. Druk op Control + Shift + J (of Command + Option + J op Mac) om te openen Ontwikkelaars. 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

Joomla

Schakel de instelling Gzip-paginacompressie in ( Systeem > Algemene configuratie > Server ).

WordPress

Schakel tekstcompressie in uw webserverconfiguratie in.

Bronnen