Jelas, saya ingin mendapatkan jawabannya tanpa menyimpan halaman. Kelihatannya mendasar, tetapi saya tidak tahu bagaimana cara melakukannya. Jika membutuhkan plugin, tidak apa-apa. Akan lebih baik jika solusinya juga akan mencakup lembar styling, skrip dan gambar, yang terkait dengan halaman.
Jawaban:
Buka alat Pengembang ( Ctrl+ Shift+ Iatau Ikon Pengaturan di kanan atas jendela browser Anda => Tools=> Developer tools) pada halaman yang diperlukan, beralih ke tab Jaringan dan muat ulang halaman .
Di kolom Ukuran Anda akan melihat ukuran semua yang dimuat ( Dokumen, Lembar Gaya, Gambar, Skrip, ... ). Anda dapat mengaktifkan filter untuk membantu Anda mengetahui hanya barang-barang yang diperlukan di bagian tengah bawah bingkai Alat pengembang.
Saya telah membuat Inspektur Ukuran Halaman ekstensi Chrome ke-3 saya yang dengan cepat melaporkan ukuran halaman, penggunaan cache, permintaan jaringan, dan waktu buka halaman web dengan cara yang mudah.
Ada ekstensi yang disebut " Quick source viewer ", yang menyimpan semua sumber daya saat halaman dimuat. Buka penampil (ikon biru), ukuran (jumlah byte) ditampilkan di panel navigasi di sebelah kiri.