Apa artinya angka pada meter web font Google "Page load"?


11

Saya sedang mempertimbangkan pro dan kontra dari menggunakan kombinasi font web tertentu, dan saya mencari untuk melihat berapa banyak berat yang akan ditambahkan ke situs ini untuk pengunjung pertama kali. Ini adalah font Google, dan mereka memiliki meteran SVG ini berlabel Page load, subtitle Impact on page load time( contoh ):

masukkan deskripsi gambar di sini

Jadi, kombinasi font web ini akan memiliki 118 ... dampak pada waktu buka halaman? Angka itu tampaknya sepenuhnya tidak berlabel.

Apa itu? 118 kilobyte? 118 milidetik berdasarkan koneksi rata-rata? 118 hari dihapus dari umur pengguna dari stres duduk kertakan gigi mereka menunggu teks untuk ditampilkan?

Saya tidak bisa melihat petunjuk apa pun. Saya bahkan melihat-lihat kode SVG dari grafik mencari label deskriptif atau elemen ID. Yang terdekat ada di tag svg itu sendiri - aria-label="A chart.", dan tag tersembunyi yang aneh mengatakan GViz is great.

File tff sebenarnya untuk dua bobot yang saya lihat adalah 251kb digabungkan tidak terkompresi, jadi mungkin itu adalah bobot terkompresi dalam KB.


1
Anda mungkin menebak bahwa itu adalah durasi waktu tambahan untuk memuat halaman, tetapi, mengingat jumlah kecepatan koneksi yang berbeda, durasi itu akan lebih akurat menjadi rentang
Zach Saucier

2
Ini berarti hanya 118 orang yang benar-benar tahu apa yang ditunjukkan oleh angka tersebut. :)
Scott

Jawaban:


7

Ini adalah pertanyaan yang bagus bahwa GUI tidak memiliki indikasi apa artinya. Namun firasat Anda bahwa ukurannya dalam KB terkompresi tampaknya cukup dekat. Saya akan memberi tip ini adalah jawaban yang benar.

Bagaimana saya mencapai kesimpulan ini? Nah jika saya membongkar 2 font dan menyimpannya dan zip hasilnya saya mendapatkan windows untuk mengatakan bahwa dua font zip terpakai:

119 KB versus Google's 118

mari kita coba beberapa lainnya hanya satu demi satu

60-56 KB versus Google's 58

Semua font:

523 KB vs 531

Ini semua sangat dekat. Namun algoritma kompresi yang digunakan sedikit berbeda dalam beberapa aspek mereka untuk satu memiliki persyaratan header yang berbeda. Jadi ini mungkin saja Google baik pembulatan kombo sehingga setiap font terlihat semahal dalam set atau hanya perbedaan dalam format. Orang bisa menggunakan alat seperti pembakar untuk melihat apakah file yang dikirim sesuai dengan ukuran.

Ini semua tentu dalam apa yang saya harapkan dari eksperimen sebagai jawaban. Jadi hipotesisnya tampaknya valid .

PS : Google yang salah, tolong minta dokumen yang lebih baik.


Saya percaya ini benar. Dalam FAQ disebutkan "Anda harus mengawasi ukuran file font yang Anda layani"
Zach Saucier
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.