Cara Terbaru Menghosting CDN CSS, Javascript Gratis di Github

Cara Menghosting CDN CSS, Javascript Gratis di Github


Apakah sobat mau membuat website atau blog, sampai - sampai mengunjungi artikel ini ? kalau ya, pasti mau cari yang gratisan ya, saya juga gitu kalau tidak dapat yang gratis paling tidak cari yang paling murah. 

Mari kembali ketopik pembahasan, ngomong-ngomong soal CDN, apasih hosting CDN itu ? CDN (Content Delivery Network) sesuai dengan kepanjangannya 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.



Di blog ini saya pernah menulis tutorial tentang bagaimana cara hosting CDN gratis juga yang bisa sobat baca di  Cara Praktis dan Gratis Hosting File JS, CSS, HTML, tetapi pihak penyedia layanan yaitu rawgit sudah menghentikan layanannya, pemberhentian layanan tersebut diumumkan di situs resmi rawgit.com, yang tampilannya seperti gambar dibawah ini.



Cara Menghosting CDN CSS, Javascript Gratis di Github


Oleh karena itu artikel ini adalah update dan pembaharuan dari artikel tersebut, dan di buat berdasarkan rekomendasi dari pengumuman rawgit diatas yang merekomendasikan untuk beralih ke penyedia CDN gratis lainnya salah satunya jSDelivr (untuk penyedia yang di rekomendasikan lainnya sobat bisa coba sendiri), 

JsDelivr mengaku pada webnya bahwa mereka adalah penyedia cdn yang opensource dengan ketersediaan server hampir diseluruh dunia dan menggabungkan server dari berbagai penyedia CDN lainnya seperti CloudFlare, Fastly, StackPath, Quantil, dan lainnya.

Cara Menghosting CDN CSS, Javascript Gratis di Github
Dari penjelasan diatas saya menjadi tertarik untuk menggunakan jsDelivr ditambah lagi dengan pengumuman rawgit yang menyarankan untuk secepat mungkin mengganti ke penyedia cdn yang lain agar tidak terjadi hal-hal yang tidak di inginkan. Untuk langkah menggunakan jsDelivr kurang lebih sama seperti menggunakan rawgit, sobat hanya perlu untuk membuat repository public di github.

Cara Menghosting CDN CSS, Javascript Gratis di Github

Selanjutnya membuat/upload file yang ingin dibuat cdnnya, untuk tutorial kali ini saya akan membuat file saja.

Cara Menghosting CDN CSS, Javascript Gratis di Github

Lalu tuliskan script yang dibutuhkan, kelebihan mengakses github di browser jika suatu saat ada yang ingin diubah sobat juga bisa mengubahnya dihalaman ini, jika sudah selesai klik commit new file.

Cara Menghosting CDN CSS, Javascript Gratis di Github

Maka file js baru sudah tersedia di repository kita, Apa selanjutnya ?

Cara Menghosting CDN CSS, Javascript Gratis di Github

Sesuai dengan panduan penggunaan di website jsDelivr  kita harus mengunjungi url tertentu untuk mendapatkannya konten filenya, yang perlu sobat 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


Dari struktur url diatas untuk mendapatkan konten file script.js yang sudah kita buat sebelumnya maka saya bisa mengetikkan https://cdn.jsdelivr.net/gh/prayogo17/hosting/script.js.

Cara Menghosting CDN CSS, Javascript Gratis di Github

Selain itu, kelebihan jsDeliver kita bisa mengecilkan / minify script js atau css walaupun kita tidak membuatnya di github terlebih dahulu, cukup tambahkan min sebelum format file, misalnya https://cdn.jsdelivr.net/gh/prayogo17/hosting/script.min.js.

Cara Menghosting CDN CSS, Javascript Gratis di Github

Sudah selesai tutorial bagaimana menghostingkan CDN gratis di github, selanjutnya sobat bisa meletakkan js ataupun css yang sudah di buat/upload di website sebagai external link, sebelum menutup izinkan saya menyampaikan sedikit kekurangan dari jsDelivr ini.

yaitu jika sobat mengedit / mengupdate file di github lalu mengaksesnya kembali dengan jsDelivr, maka jsDeliver tidak akan mengirimkan konten file yang baru saja sobat update tersebut melainkan konten file yang lama, sobat harus tunggu kurang lebih 24 jam agar JsDelivr mengupdatenya, ini tidak masalah jika updatenya tidak terlalu penting, jika penting bagaimana ? .

Solusinya adalah ketika sobat ingin mengupdate file js atau css, selain mengupdate isinya update juga namanya dengan nama yang berbeda, jadi otomatis jsDelivr akan memiliki url berbeda dari url lama, dan jika sobat mengunjungi url cdn tersebut jsDelivr akan mendownload konten file yang terbaru. Cukup sekian, jika ada yang mau ditanyakan silahkan berkomentar, sampai jumpa.

Tidak ada komentar:

Posting Komentar

Berkomentarlah sesuai dengan isi artikel, no iklan.