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 ):
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.
Jawaban:
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:
mari kita coba beberapa lainnya hanya satu demi satu
Semua font:
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.
sumber