Lompat ke konten
Aback Tools Logo

Kalkulator Anggaran Cache PWA

Masukkan URL dari manifes precache PWA Anda dan tetapkan anggaran cache untuk menghitung ukuran cache total, penghematan GZIP dan Brotli tiap jenis aset, serta mendapatkan rekomendasi spesifik aset mana yang perlu dikecualikan agar tetap dalam anggaran. Berjalan sepenuhnya di browser Anda - tanpa permintaan jaringan dan tanpa pendaftaran.

PWA Cache Budget Calculator

Enter the URLs in your PWA precache manifest and set your cache budget. The calculator estimates total cache size, shows GZIP and Brotli savings per asset, and recommends which assets to exclude to stay within budget. Runs entirely in your browser - no network requests, no signup required.

0 URLs entered
URLKnown size (KB)

Leave "Known size" blank to use typical sizes for each asset type. Enter the actual file size in KB for more accurate results.

Mengapa memakai kalkulator anggaran cache PWA kami?

  • Perhitungan anggaran cache instan: tempelkan daftar URL precache, tetapkan anggaran, dan langsung lihat ukuran cache total, penghematan GZIP dan Brotli, serta aset yang perlu dikecualikan - semua dalam satu klik.
  • Kalkulator anggaran cache PWA online yang aman: semua perhitungan berjalan di browser Anda. Tidak ada URL yang diambil dan tidak ada data yang keluar dari perangkat - aman untuk menganalisis manifes internal, staging, atau produksi.
  • Rekomendasi pengecualian yang cerdas: saat precache melebihi anggaran, kalkulator merekomendasikan aset mana yang dipindahkan ke caching runtime, memprioritaskan HTML, CSS, dan JS kritis daripada file media besar.
  • 100 % gratis selamanya: hitung sebanyak apa pun anggaran cache PWA yang Anda perlukan, sepenuhnya gratis. Tanpa akun, tanpa langganan, tanpa batas, dan tanpa iklan.

Apa itu kalkulator anggaran cache PWA?

Kalkulator anggaran cache PWA menghitung total penyimpanan yang dipakai oleh daftar URL dalam manifes precache service worker dan membandingkannya dengan anggaran yang dapat dikonfigurasi - menampilkan aset mana yang harus dikecualikan agar tetap dalam batas. Kalkulator gratis kami berjalan sepenuhnya di browser, mendeteksi tiap jenis aset dari ekstensi URL, menerapkan rasio kompresi umum, dan merekomendasikan aset mana yang dipindahkan ke caching runtime saat anggaran terlampaui.

Cara kerja kalkulator anggaran cache PWA kami

  1. Masukkan URL dan anggaran: tempelkan URL dari manifes precache service worker Anda, satu per baris. Tetapkan anggaran cache dalam MB (bawaan 50 MB). Opsional, masukkan ukuran file yang diketahui dalam KB untuk tiap URL.
  2. Perhitungan instan di browser: klik «Hitung anggaran cache» - alat mendeteksi tiap jenis aset, menerapkan rasio kompresi umum, menghitung ukuran cache total, dan membandingkannya dengan anggaran Anda. Tidak ada permintaan jaringan yang dibuat.
  3. Tinjau rekomendasi pengecualian: aset yang membuat Anda melebihi anggaran ditandai untuk dikecualikan - memprioritaskan HTML, CSS, dan JS kritis sekaligus merekomendasikan file media besar untuk caching runtime.

Apa yang dianalisis

  • Deteksi jenis aset: ekstensi URL mengklasifikasikan setiap aset sebagai HTML, CSS, JS, JSON, gambar raster, SVG, font, audio, video, atau biner.
  • Rasio kompresi: tiap jenis aset punya rasio GZIP dan Brotli umum - aset teks terkompresi 70-85 %, sedangkan format biner nyaris tidak untung dari kompresi HTTP.
  • Pemenuhan anggaran: kalkulator mengurutkan aset berdasarkan prioritas (kritis → tinggi → sedang → rendah) dan menandai aset berprioritas terendah untuk dikecualikan saat total melebihi anggaran.
  • Strategi per aset: tiap aset mendapat rekomendasi spesifik, dari mengaktifkan Brotli hingga beralih ke WOFF2 untuk font atau WebP untuk gambar.

Kuota penyimpanan cache PWA

Browser menerapkan kuota penyimpanan pada cache service worker. Chrome dan Edge mengizinkan hingga 60 % ruang disk yang tersedia, tetapi rekomendasi praktisnya adalah menjaga precache awal di bawah 50 MB agar pengalaman pengguna di perangkat mobile tetap baik. Manifes precache yang besar menunda event install service worker dan dapat menyebabkan kesalahan kuota pada perangkat dengan penyimpanan kecil. Gunakan kalkulator anggaran cache PWA ini untuk menjaga precache tetap ringkas - pindahkan audio, video, dan gambar non-kritis berukuran besar ke caching runtime alih-alih mem-precache-nya.

Pertanyaan yang Sering Diajukan

Kalkulator anggaran cache PWA menghitung total penyimpanan yang dipakai oleh daftar URL dalam manifes precache service worker dan membandingkannya dengan anggaran yang dapat dikonfigurasi - menampilkan aset mana yang harus dikecualikan agar tetap dalam batas. Kalkulator online gratis kami berjalan sepenuhnya di browser - tidak ada permintaan jaringan yang dibuat dan tidak ada data yang keluar dari perangkat.

Tidak. Kalkulator memperkirakan ukuran berdasarkan ekstensi file URL dan ukuran umum tiap jenis aset. Jika Anda mengetahui ukuran file sebenarnya, masukkan di kolom «Ukuran diketahui (KB)» untuk perkiraan yang lebih akurat. Pendekatan ini berfungsi tanpa akses jaringan dan aman untuk URL internal atau staging.

Ya, privasi penuh terjamin. Semua perhitungan berjalan di sisi klien di browser Anda. Tidak ada URL yang diambil dan tidak ada data yang keluar dari perangkat - aman untuk menganalisis URL internal, staging, atau produksi yang mungkin berisi informasi jalur sensitif.

Ya. Kalkulator ini 100 % gratis, tanpa pendaftaran, tanpa langganan, tanpa batas URL, dan tanpa iklan. Anda bisa menghitung sebanyak apa pun anggaran cache PWA yang dibutuhkan.

Rekomendasi praktisnya adalah menjaga precache awal di bawah 50 MB agar pengalaman pengguna di perangkat mobile tetap baik. Chrome dan Edge mengizinkan hingga 60 % ruang disk yang tersedia, tetapi perangkat dengan penyimpanan kecil bisa jauh lebih sedikit. Manifes precache yang besar juga menunda event install service worker, yang dapat menurunkan performa pemuatan pertama.

Kalkulator mengurutkan aset berdasarkan prioritas - HTML, CSS, dan JS dianggap kritis dan dipertahankan lebih dulu. JSON dan SVG berprioritas tinggi. Gambar raster dan font berprioritas sedang. File audio, video, dan biner berprioritas rendah dan menjadi kandidat pertama untuk dikecualikan saat total melebihi anggaran Anda.

Gambar raster (JPEG, PNG, WebP, AVIF) serta file audio/video sudah dikompresi dengan codec-nya sendiri - menerapkan kompresi HTTP di atasnya nyaris tidak membantu dan membuang CPU. Font WOFF2 sudah dikompresi secara internal dengan Brotli. Untuk jenis aset ini, alat merekomendasikan optimalisasi pada tingkat format.

Jika Anda memakai Workbox, manifes precache dibuat selama proses build - cari file workbox-precache-manifest.*.js atau manifes yang disuntikkan ke service worker Anda. Untuk service worker manual, daftarkan URL yang Anda berikan ke cache.addAll() di penangan event install.

Aset yang ditandai untuk dikecualikan sebaiknya dipindahkan dari precaching ke caching runtime. Di Workbox, gunakan registerRoute() dengan strategi caching seperti StaleWhileRevalidate atau CacheFirst untuk aset tersebut. Caching runtime menyimpannya sesuai kebutuhan saat pengguna bernavigasi, alih-alih mengunduh semuanya lebih dulu selama event install.