Optimisasi Mempercepat Situs dengan Algoritma Font – Langkah selanjutnya, dalam cara mengoptimisasi kecepatan situs pemilik situs bisa memakai font untuk cara melakukannya.
Penggunaan font ini diambil dari optimisasi tambahan pada google font, sehingga ini juga akan bisa mengubah kecepatan situs yang awalnya melambat menjadi lebih cepat.
Setiap langkah yang diberikan dalam cara mempercepat situs, sebenarnya ini memiliki cara dengan kelebihan masing-masing.
Ada yang bergerak sendiri dan mampu memberikan hasil terbaik untuk situs tanpa harus menggunakan teknik yang lainnya, tapi ada pula teknik yang harus didampingi dengan cara lainnya untuk mendapatkan hasil yang sempurna.
Teknik tambahan yang diberikan dari penggunaan font yang ada pada google font ini adalah salah satu teknik tambahan yang bisa mendampingi teknik optimisasi kecepatan situs lainnya, sehingga situs mampu melakukan kinerjanya dengan baik.
Tapi jika pemilik situs bisa juga menerapkan beberapa cara dalam mengoptimisasikan kecepatannya, ini juga bisa menjadi lebih baik.
Penggunaan Font untuk Optimisasi Kecepatan Situs
Cara menggunakan optimisasi metode tambahan dengan font untuk mempercepat situs, anda bisa menggunakan elemen <link> dalam cara melakukannya. Biasanya, elemen ini akan ditambahkan pada beberapa font yang ada di situs anda. Contohnya seperti dibawah ini:
<link href=”//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic” rel=”stylesheet”>
<link href=”//fonts.googleapis.com/css?family=Oswald:700″ rel=”stylesheet”>
Dari contoh di atas, terlihat bahwa ada 2 font yang mana algoritma tersebut bisa mengurangi HTTP request di situs anda. Cara untuk melakukannya, anda tinggal mengubah sintaks di atas dengan sintaks baru seperti ini:
<link href=”//fonts.googleapis.com/css?family=FONT1|FONT2|FONT3|DST” rel=”stylesheet”>
Contoh Penggunaan Algoritma Font
Dengan menggunakan sintaks algoritma di atas, anda bisa mengurangi HTTP di situs supaya halaman situs mampu dibuka dengan cepat.
Supaya jelas dalam cara penggunaannya, anda bisa lihat contoh dibawah dari sintaks di atas untuk cara membuat sintaks HTML5 yang awalnya tidak valid menjadi valid. Sintaks yang tidak valid dari HTML5:
(PENTING: lihat bagian sintaks yang diberi tanda ya!!)
<link href=”//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Oswald:700″ rel=”stylesheet”>
Untuk membuatnya menjadi valid, anda bisa membuat kode menjadi %7C dengan cara dibawah ini:
<link href=”//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic%7COswald:700″ rel=”stylesheet”>
Baca Juga :Langkah Tepat dan Efektif Mempercepat Blog / Situs Web (Page Speed)
Dengan menggunakan langkah di atas, yaitu menggabungkan 2 URL sekaligus dalam cara mengoptimisasi situs, maka langkah ini akan mampu membuat situs anda menjadi lebih cepat saat digunakan.
Sebagai contoh lain yaitu ibarat saat anda akan pergi ke suatu tempat 2 kali karena ingin mengambil 2 benda, anda tinggal melakukannya dengan sekali berangkat saja. Nah, jumlah elemen <link>= jumlah waktu anda pergi, dan jumlah font= jumlah bendanya.
