Google Hosted Libraries: CDN untuk Open-Source Library

Mengembangkan suatu website harus dipertimbangkan fitur yang akan dibuat dan kecepatan aksesnya, JavaScript yang memberikan elemen interaktif pada situs juga harus dipilih – pilih mana yang penting. Menyisipkan sebuah JavaScript Library seperti jQuery akan menambah waktu untuk memuat website secara penuh, apalagi kalau dilakukan berulang – ulang. Karena itulah lebih baik menggunakan pustaka javascript yang dihosting oleh Google.

Google Hosted Libraries menyediakan beberapa library javascript berlisensi open-source yang bisa digunakan secara gratis di website anda dan akan diakses secara otomatis dari server yang paling dekat lokasinya dengan pengunjung. Inilah yang disebut dengan Content Ditribution Network (CDN). Hal ini akan berakibat positif untuk kecepatan website anda dan mengurangi konsumsi kuota bandwidth hosting. Juga kalau ada yang sudah membuka suatu situs yang menggunakan library yang dihosting Google maka akan tersimpan di cache browsernya, dan saat mengakses website anda tidak akan didownload lagi, jadi lebih cepat lagi membuka websitenya.

google-hosted-libraries-jquery

Beberapa JavaScript Library yang terdapat di Google CDN ini:

  • AngularJS – http://angularjs.org/
  • Dojo – http://dojotoolkit.org/
  • Ext Core – http://www.sencha.com/products/extjs/
  • jQuery – http://jquery.com/
  • jQuery Mobile – http://jquerymobile.com/
  • jQuery UI – http://jqueryui.com/
  • MooTools – http://mootools.net/
  • Prototype – http://prototypejs.org/
  • script.aculo.us? – http://script.aculo.us/
  • SWFObject – http://code.google.com/p/swfobject/
  • Web Font Loader – https://github.com/typekit/webfontloader

Kalau situs web anda menggunakan salah satu pustaka js diatas maka jangan ragu lagi.

Cara menggunakan Google Hosted Libraries ini sangatlah mudah, anda tinggal mereferensikan url dari file js yang dihosting oleh Google, contohnya adalah jQuery versi 2.1.0:
<script src=”//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js”></script>

Ini adalah link file javascript dari jQuery yang diminified (dikompres) jadi ukurannya akan lebih kecil, kalau mau file aslinya maka ganti namanya menjadi jquery.js.

Oh ya ini berbeda dengan layanan CDN gratis dari Google bernama PageSpeed Service, anda bisa menggunakannya untuk menyediakan file statis seperti css, js, gambar, audio atau video menggunakan server Google. Anda bisa mengkombinasikan kedua layanan ini kalau ingin memaksimalkan kecepatan website anda.

Tulis komentar...