Os servidores da Web podem usar compactação gzip para compactar arquivos de texto como HTML e CSS. Usando esse truque, os arquivos são transferidos mais rapidamente.
Sua primeira imagem é o tamanho do arquivo compactado.
Quando o navegador tiver baixado o arquivo, ele será descompactado. Esse é o tamanho que você vê na sua segunda imagem.
Nesse caso, o tamanho do arquivo transferido é 30% do original.