Lompat ke konten
Aback Tools Logo

Pengestimasi Ukuran Total Halaman Web

Estimasi ukuran transfer total halaman web Anda secara online dan gratis dari konten HTML, CSS, dan JavaScript. Pengestimasi ukuran total halaman web kami menampilkan ukuran tanpa kompresi, terkompresi GZIP, dan terkompresi Brotli, dengan rincian per aset serta pemeriksaan otomatis anggaran performa terhadap ambang Core Web Vitals dan Lighthouse. Tanpa registrasi, tanpa unggah ke server, dan 100% privat.

Estimate Web Page Total Transfer Size
Paste your HTML, CSS, and JavaScript content to estimate total uncompressed and GZIP-compressed page transfer size - with per-asset breakdown and Brotli estimates.
Paste HTML, CSS, and JS below

0 chars · 0 B

Mengapa menggunakan pengestimasi ukuran total halaman web kami?

  • Analisis bobot halaman instan: pengestimasi ukuran total halaman web kami memproses HTML, CSS, dan JavaScript Anda sepenuhnya di browser Anda, tanpa menunggu unggahan. Tempel aset Anda dan lihat ukuran transfer tanpa kompresi, GZIP, dan Brotli beserta rincian per aset dalam hitungan detik.
  • Pengestimasi ukuran halaman web online yang aman: konten HTML, CSS, dan JavaScript Anda tidak pernah meninggalkan perangkat saat menggunakan pengestimasi ukuran total halaman web online kami. Pemrosesan 100% di sisi klien menjamin privasi penuh: tanpa unggah ke server, tanpa penyimpanan kode sumber, dan tanpa risiko mengekspos kode frontend milik sendiri.
  • Pengestimasi ukuran halaman web tanpa instalasi: estimasi ukuran transfer halaman web Anda langsung di browser, tanpa Node.js, tanpa webpack, dan tanpa alat build. Pengestimasi ukuran total halaman web kami berfungsi di perangkat apa pun dengan browser modern: tanpa penyiapan, tanpa dependensi, dan tanpa akun.
  • Penilaian anggaran performa: pengestimasi ukuran total halaman web kami memeriksa halaman Anda terhadap target Core Web Vitals, ambang Google PageSpeed, dan batas ukuran JavaScript Lighthouse, memberikan penilaian lulus/tidak lulus instan terhadap anggaran performa industri.

Apa itu ukuran transfer total halaman web?

Ukuran transfer total halaman web adalah jumlah semua byte terkompresi yang ditransfer melalui jaringan saat browser memuat halaman, termasuk dokumen HTML, stylesheet CSS, dan bundle JavaScript. Pengestimasi ukuran total halaman web kami mengukurnya dalam tiga skenario: tanpa kompresi (byte mentah, seperti tersimpan di disk), terkompresi GZIP (Content-Encoding HTTP paling umum), dan terkompresi Brotli (standar modern yang mencapai kompresi 15–25% lebih baik daripada GZIP). Memahami ukuran transfer halaman Anda sangat penting untuk Core Web Vitals, skor Lighthouse, dan performa seluler pada koneksi lambat.

Cara kerja pengestimasi ukuran total halaman web kami

  1. Tempel aset halaman Anda: masukkan dokumen HTML, stylesheet CSS, dan bundle JavaScript Anda ke panel yang sesuai. Gunakan tombol "Muat halaman contoh" untuk mencoba contoh yang realistis. Unggah file langsung menggunakan tombol unggah di setiap panel. Semua pemrosesan terjadi secara lokal di browser Anda: kode sumber Anda tidak pernah meninggalkan perangkat.
  2. Analisis instan di browser: klik "Estimasi Ukuran Transfer Halaman" dan alat ini menghitung ukuran GZIP menggunakan API native CompressionStream browser serta mengestimasi ukuran Brotli dengan analisis entropi Shannon, model yang sama yang digunakan oleh pengestimasi kompresi Brotli kami.
  3. Tinjau rincian dan anggaran performa: lihat bobot total halaman di ketiga skenario kompresi, rincian per aset yang menunjukkan jenis aset mana yang paling berkontribusi terhadap bobot halaman, dan pemeriksaan otomatis anggaran performa terhadap ambang Core Web Vitals dan Lighthouse.

Apa yang diukur pengestimasi ukuran halaman web

  • Ukuran tanpa kompresi: jumlah byte mentah setiap aset seperti tersimpan di disk: inilah yang Anda lihat di sistem file Anda dan yang ditransfer jika server Anda tidak dikonfigurasi dengan kompresi.
  • Ukuran transfer dengan GZIP: ukuran terkompresi yang persis menggunakan GZIP (Content-Encoding: gzip), format kompresi HTTP yang paling banyak didukung, dihitung menggunakan API native CompressionStream browser.
  • Ukuran transfer dengan Brotli (estimasi): ukuran terkompresi yang diestimasi menggunakan Brotli (Content-Encoding: br), standar modern yang mencapai kompresi 15–25% lebih baik daripada GZIP untuk HTML, CSS, dan JavaScript.
  • Pemeriksaan anggaran performa: perbandingan otomatis terhadap target Core Web Vitals (200 KB total), ambang Google PageSpeed (100 KB), dan batas ukuran JavaScript Lighthouse (150 KB JS terkompresi), dengan indikator lulus/tidak lulus untuk setiap ambang.

Catatan penting tentang estimasi ukuran halaman

Pengestimasi ukuran total halaman web ini hanya mengukur aset berbasis teks yang Anda tempel: HTML, CSS, dan JavaScript. Ia tidak menyertakan gambar, font, video, atau aset biner lain yang juga berkontribusi terhadap bobot total halaman. Untuk audit bobot halaman lengkap, gunakan tab Network di DevTools browser atau alat seperti WebPageTest. Ukuran Brotli diestimasi menggunakan analisis entropi Shannon dan biasanya akurat dalam ±10–15% untuk payload teks web tipikal. Ukuran GZIP bersifat persis ketika browser mendukung API CompressionStream (semua browser modern).

Pertanyaan yang Sering Diajukan

Pengestimasi ukuran total halaman web menghitung total byte yang ditransfer saat browser memuat halaman, termasuk HTML, CSS, dan JavaScript, baik tanpa kompresi maupun terkompresi (GZIP/Brotli). Pengestimasi ukuran total halaman web kami berjalan sepenuhnya di browser Anda menggunakan API native CompressionStream, sehingga kode sumber Anda tidak pernah meninggalkan perangkat.

Google merekomendasikan menjaga bobot total halaman di bawah 200 KB terkompresi untuk Core Web Vitals. Audit performa Lighthouse menandai halaman di atas 100 KB terkompresi sebagai perlu dioptimalkan. Untuk JavaScript khususnya, Lighthouse merekomendasikan menjaga JS terkompresi di bawah 150 KB. Pengestimasi ukuran total halaman web kami memeriksa halaman Anda terhadap ketiga ambang tersebut secara otomatis.

Ya, sepenuhnya. Pengestimasi ukuran total halaman web kami memproses semuanya secara lokal di browser Anda. Kode sumber HTML, CSS, dan JavaScript Anda tidak pernah diunggah ke server mana pun, tidak pernah disimpan, dan tidak pernah ditransmisikan melalui jaringan.

Ya. Pengestimasi ukuran total halaman web ini 100% gratis, tanpa registrasi, tanpa paket premium, tanpa tanda air, dan tanpa batas ukuran konten. Anda dapat menganalisis halaman sebanyak yang Anda butuhkan, tanpa batasan.

Tidak: pengestimasi ukuran total halaman web kami hanya mengukur aset berbasis teks: HTML, CSS, dan JavaScript. Gambar, font, video, dan aset biner lainnya tidak disertakan. Untuk audit bobot halaman lengkap yang mencakup semua jenis aset, gunakan tab Network di DevTools browser, WebPageTest, atau Lighthouse.

GZIP adalah format kompresi HTTP yang paling banyak didukung: semua browser dan server mendukungnya. Brotli (Content-Encoding: br) adalah standar modern yang mencapai kompresi 15–25% lebih baik daripada GZIP untuk HTML, CSS, dan JavaScript. Brotli didukung semua browser modern dan tersedia di Nginx, Apache, Cloudflare, serta sebagian besar CDN.

Estimasi Brotli menggunakan analisis entropi Shannon yang dikalibrasi terhadap keunggulan kompresi Brotli yang diketahui dan biasanya akurat dalam ±10–15% untuk payload teks web tipikal. Ukuran GZIP bersifat persis: dihitung menggunakan API native CompressionStream browser.

Teknik yang paling efektif adalah: minifikasi HTML, CSS, dan JavaScript, aktifkan kompresi GZIP atau Brotli di server Anda, hapus CSS yang tidak terpakai dengan PurgeCSS, lakukan tree-shaking pada JavaScript yang tidak terpakai, dan pecah bundle JS besar dengan code splitting. Pengestimasi ukuran total halaman web kami menunjukkan jenis aset mana yang paling berkontribusi terhadap bobot halaman agar Anda dapat memprioritaskan.

Bisa: tempel kode terminifikasi atau tidak, alat ini mengukur jumlah byte sebenarnya dalam kedua kasus. Kode terminifikasi akan menunjukkan ukuran tanpa kompresi yang lebih kecil, tetapi persentase penghematan GZIP dan Brotli akan lebih rendah karena kode terminifikasi memiliki lebih sedikit redundansi untuk dimanfaatkan algoritma kompresi.