Apa itu Google Fonts?
Google Fonts adalah font library yang disediakan oleh google dengan status free license. Menurut wikipedia, total ada 1.020 font family yang dengan baik hati disediakan oleh google di font library-nya ini.
Saat ini, lebih dari 70% website di seluruh dunia memanfaatkan google font library ini untuk mempercantik teks di websitenya dan membuatnya unik.
Hingga hari ini, total sudah mencapai 45.017,963.913.466 total font views, dengan penggunaan font terbanyak adalah Roboto, Open Sans, dan Lato. Detailnya bisa dilihat di sini.
The problem is…
Menyajikan font dari google sebenarnya dapat mengurangi performa kecepatan website kita.
Memang tidak signifikan dari sisi end-user, terutama bila font yang kita gunakan tidak banyak. Namun dengan kebutuhan browser untuk merender HTML, CSS, dan JavaScript, beserta icon fonts yang seringnya juga banyak digunakan, google font ini juga merupakan salah satu elemen penting yang perlu untuk kita optimasi.
Ingat, salah satu kunci utama dari mempercepat performa website adalah mengurangi total page size yang harus dimuat oleh suatu halaman. Tidak terkecuali dengan font.
Untuk gambar, kita bisa memperkecil file size-nya dengan mengompress ukurannya. Kita bisa melakukan itu dengan memanfaatkan fitur-fitur kompresi gambar yang banyak bertebaran di internet. Bahkan banyak CDN khusus gambar yang menyediakan fitur on the fly image optimization secara gratis juga. Untuk mengoptimasinya lagi, kita bisa mengaplikasikan fitur lazyload untuk gambar agar gambar-gambar kita hanya dimuat saat memang dibutuhkan.
Untuk CSS dan JavaScript, kita bisa memperkecil ukurannya dengan memanfaatkan fitur minify (dan bahkan combine) yang biasa tersedia di berbagai plugin cache. Kita juga bisa menunda eksekusi CSS dan JavaScript ini agar tidak langsung dimuat di awal, agar browser tidak langsung terbebani dengan memuat CSS dan JavaScript yang memang tidak diperlukan di awal.
Untuk html, kita juga bisa melakukan minify HTML.
Bagaimana dengan Font?