Jumlah permintaan, origin pihak ketiga, dan minifikasi

Setiap berkas di halaman adalah satu permintaan. Permintaan ke origin yang sama memakai koneksi yang sudah terbuka, tetapi permintaan pertama ke origin lain harus membayar pencarian DNS, koneksi TCP, dan TLS sekali lagi. Origin adalah gabungan skema, host, dan port, jadi https://cdn.batiksekar.example dan https://batiksekar.example adalah dua origin. web.dev mencontohkan font dari layanan pihak ketiga: halaman harus membuka koneksi ke domain penyedia lebih dulu sebelum font bisa diunduh, dan menyimpan font di origin sendiri menghapus koneksi itu.

Ukuran berkas bisa dikurangi dengan dua cara yang saling melengkapi. Minifikasi membuang spasi, komentar, dan pada JavaScript juga memendekkan nama variabel, sehingga berkas aslinya mengecil. Kompresi mengodekan berkas saat dikirim dan dibuka kembali di peramban. web.dev menyebut kompresi di atas berkas yang sudah diminifikasi tetap memberi penghematan. Yang lebih besar lagi adalah tidak mengirim kode yang tidak dipakai: alat Coverage di DevTools menunjukkan CSS dan JavaScript yang tidak dijalankan halaman itu.

/* sebelum minifikasi: 96 byte */
.kartu {
  padding: 16px;   /* jarak dalam */
  color: #333333;
}

/* sesudah: 30 byte */
.kartu{padding:16px;color:#333}