Cara Terbaru Hosting CDN Javascript Github di Jsdelivr

Cara Terbaru Upload Script Javascript di Jsdelivr - Seperti yang kita ketahui, Javascript adalah salah satu element yang wajib ada disebuah halaman website. Banyak sekali manfaat javascript yang sering kita manfaatkan untuk keperluan blog, misalnya untuk mempercantik tampilan blog atau membuat soure code pihak ketiga bisa berkerja secara optimal.

Bagi kamu yang sering menggunakan script javascrip, tentu sudah tidak asing lagi dengan namanya dan kegunaannya kan. Bahkan saya rasa, disetiap tema blog yang kamu gunakan tentu memiliki script javascript-nya.

Nah, biasanya jika kita meletakkan script javascript tergabung didalam sebuah tema blog itu akan membuat loading blog kita menjadi lambat, selain itu juga akan menyulitkan kita ketika kita mau mengedit sesuatu pada tema blog, karena terlalu banyak script didalamnya.

Lantas apa solusinya? Biasanya para pemilik blog memanfaatkan layanan hosting gratis untuk meletakkan script yang panjang, seperti javascript ini. Dengan melakukan hosting javascript, ini akan membuat tema blog kita menjadi lebih ringkas, dan tentunya lebih ringan karena javascript akan diload hanya ketika digunakan saja.

Apa itu Hosting CDN ?

Untuk kamu yang belum tau, apa itu cdn. CDN (Content Delivery Network) adalah sekumpulan server yang saling terhubung dan bertugas mengirim konten file kepada pengguna.

Server yang di miliki cdn biasanya tersebar di seluruh dunia, sehingga jika misalnya ada pengguna dari Indonesia ingin mengakses konten file dari suatu website maka server dijakarta yang akan menangani pengirimannya dan jika penggunanya dari amerika maka server amerika yang akan menangani pengirimannya.

Dengan mekanisme tersebut tentu saja proses pengiriman konten file menjadi lebih cepat, karena pemilihan server mana yang akan mengirim berdasarkan jarak server dengan pengguna.

Cara Upload File Javascript di Github

Sebelum kita menggunakan layanan hosting dari Jsdelivr, kita masih harus membuat Repository Public di Github. Untuk kalian yang masih bingung bagaimana caranya, berikut sudah saya jelaskan langkah-langkah upload file di github.

• Daftar github disini
• Setelah kamu daftar, buat Repository Baru untuk menaruh javascript yang akan digunakan
• Lihat gambar berikut

• Langkah selanjutnya, upload file javascript yang akan digunakan

• Jika kamu sudah berhasil upload file di Repository Github, langkah selanjutnya yang harus kamu lakukan adalah mendapatkan link direktori file tersebut.
• Kamu cukup klik kanan, pada nama file yang tadi di upload, lalu copylink

Cara Menggunakan Layanan Hosting Jsdelivr

Setelah kita mendapatkan link untuk file javascript yang sudah kita upload di github sebelumnya, langkah selanjutnya untuk menggunakan layanan hosting dari Jsdelivr, kamu bisa simak sedikit ulasan dibawah ini.

Sesuai dengan panduan penggunaan di website jsDelivr, kita harus mengunjungi url tertentu untuk mendapatkannya konten filenya, yang perlu kamu lakukan hanyalah menyesuaikannya saja, berikut ini struktur url cdn yang harus kita ketikkan untuk mendapatkan kontennya.

https://cdn.jsdelivr.net/gh/username_kita/nama_repository/lokasi_file

Jadi, kamu hanya tinggal mengganti protokol link pada file javascript yang sudah kamu upload di github tadi, untuk bisa menggunakan script tersebut dihalaman blog kamu.

Contoh, jika link yang yang kamu dapatkan di akun github tadi seperti ini :

https://github.com/Beesinu/Beesinu-Blog/blob/main/Daftar-Isi-Beesinu-Blog.js

Kamu hanya tinggal mengganti protokol https://github.com/ ke https://cdn.jsdelivr.net/gh/ , jadi link yang akan kamu gunakan untuk halaman blog kamu seperti ini.

https://cdn.jsdelivr.net/gh/Beesinu/Beesinu-Blog/blob/main/Daftar-Isi-Beesinu-Blog.js

Selesai, bagaimana sangat mudahkan? Untuk menggunakan layanan hosting dari Jsdelivr, sebenarnya kamu hanya perlu mengganti url awalannya saja.

Saya rasa itu saja yang bisa saya bagikan pada artikel kali ini, semoga Cara Terbaru Hosting CDN Javascript Github di Jsdelivr bisa bermanfaat untuk kalian semua. Jika kamu memiliki masalah atau pertanyaan, jangan sungkan ajukan dikotak komentar dibawah ini.