Cara Mempercepat Loading Blogspot dengan CDN - Content Delivery Network adalah pengelompokan konten yang tersimpan di server berdasarkan geografis, sebagai contohnya agar mudah untuk di fahami.
Jika kita ingin mengakses sebuah file yang tersimpan di server yang letaknya di Eropa dan kita berada di Indonesia, jika tidak menggunakan CDN tentu kita akan mengalami kendala dengan kecepatan internet kita untuk mendapatkan konten yang kita inginkan.
|
| Cara Mempercepat Loading Blogspot dengan CDN |
Nah dengan memanfaatkan Content Delivery Network data yang ada di server akan di mirror yang tersebar di berbagai negara, dengan teknik ini maka kecepatan untuk mendapatkan data yang kita ingin kan akan semakin meningkat.
Kita berada di Indonesia maka cukup mengakses mirror data melalui CDN dari server Indonesia atau yang terdekat meskipun data asli berada di Eropa. Perhatikan gambar berikut:
|
| Konsep CDN |
Lebih dalam kita akan memahami cara mempercepat loading blog dengan Optimasi CSS, Javascript maupun Gambar yang kita gunakan sebagai thumbnail.
Pada dasarnya untuk mempercepat loading sebuah blog atau website itu banyak sekali model dan teknik yang digunakan, bisa dengan mengurangi JavaScript, mengurangi widget yang tidak begitu penting, melakukan Minify file CSS dan JS yang ada di Blog kita.
Nah dengan bantuan CDN ini kita akan menjadikan loading blog yang lambat menjadi semakin cepat. Lantas bagaimana cara penerapan CDN untuk meningkatkan loading website? mari langsung coba.
Gunakan CDN Untuk Meningkatkan Loading Website
Website yang bagus biasanya banyak dilengkapi berbagai fitur dan tampilan menarik, seperti font dan icon, seperti penggunaan Font Awesome untuk mempercantik tampilan Blog.
Namun banyak yang tidak memperhatikan saat kita menambahkan banyak plugin akan mempengaruhi kecepatan loading blog. Jika anda menggunakan font awesome coba cek di setelah tema blogger.
Ubah dengan script berikut, pastikan versi font awesome yang anda gunakan sudah sesuai.
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css" rel="stylesheet"></link>
Gunakan CDN Bootstrap
Jika tema blogspot anda menggunakan bootstrap sebagai CSS maka pastikan untuk mendapatkan file CSS Bootstrap menggunakan CDN agar beban saat memuat halaman blog anda menjadi ringan.
Ubah dengan script berikut, pastikan versi Bootstrap yang anda gunakan sudah sesuai.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
Gunakan CDN Jquery
Selain file CSS atau tampilan yang perlu dimuat melalui CDN, file JQuery yang berguna untuk membuat tampilan website kita lebih interaktif perlu juga di panggil melalui source CDN.
Ubah dengan script berikut, pastikan versi JQuery yang anda gunakan sudah sesuai.
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
CDN (Content Delivery Network) ada yang berupa jasa layanan seperti halnya webhosting. Kebanyakan CDN tersebut adalah berbayar, namun ada juga yang gratis seperti halnya cloudflare, dan coralcdn.
berikut beberapa website yang menggunakan fasilitas CDN
- www.google-analytics.com : Google
- connect.facebook.net : Akamai
- static.ak.facebook.com : Akamai
- s-static.ak.facebook.com : Akamai
- platform.twitter.com : Akamai
- apis.google.com : Google
- widgets.twimg.com : Cotendo CDN
Itulah tadi penjelasan tentang apa itu CDN, lalu bagaimana cara kerja CDN. Ketika kita menggunakan CDN, semua konten akan di kirimkan oleh POP terdekat dari lokasi kita yang mengakses konten.
Jarak lokasi server yang lebih dekat akan mengurangi waktu yang diperlukan
untuk memuat halaman website. Bagaimana sudah faham mengenai konsep dan kerja CDN, sebenarnya untuk mempercepat loading website tidak hanya dengan memanfaatkan CDN saja.
Namun anda bisa membaca tutorialnya berikut : Cara Memperkecil Css, Js dan Ukura File Gambar