Ringkas File Script, Biar Loading Blog Jadi Ringan
Penulis:
Moch Adnan
dipublikasikan:
11 September 2016
Sobat blogger yang berbahagia, tentunya akan sangat menggembirakan jika keadaan blog yang selama ini kita jaga serta kelola, bisa mendatangkan banyak pengunjung kedalamnya. Tentu hal ini akan menjadi sebuah "impian" bagi sebagian besar sobat belogger, dimana dengan meningkatnya jumlah visitor tersebut, maka akan semakin terbuka kesempatan sobat untuk meningkatkan jumlah klik iklan yang ada (memonetasi) entah itu lewat Google AdSense, atau berupa iklan Mandiri.
Selain konten yang bermutu sebagai pondasi dasar guna meningkatkan jumlah visitor, ternyata loading blog pun perlu diperhatikan juga. Bukan tidak mungkin beberapa pengunjung akan langsung menutup halaman blog sobat, jika mereka mendapati kendala dengan loading blog yang berat.
Untuk itu, melalui artikel ini Moch Adnan Blog akan coba memberikan tips atau tutorial yang sudah lama ada di dunia perbloggeran, yakni tentang bagaimana cara meringkas kode script yang terurai panjang dalam template blog, dan meringkasnya sependek mungkin, agar supaya loading blog terasa lebih enteng.
Pertama-tama, perhatikan dulu kedua contoh kode script berikut:
∆.
Script yang panjang
//<![CDATA[
(function($) {
$.fn.countdown = function(options, callback) {
//custom 'this' selector
thisEl = $(this);
//array of custom settings
var settings = {
'date': null,
'format': null
};
//append the settings array to options
if(options) {
$.extend(settings, options);
}
//main countdown function
function countdown_proc() {
eventDate = Date.parse(settings['date']) / 1000;
currentDate = Math.floor($.now() / 1000);
if(eventDate <= currentDate) {
callback.call(this);
clearInterval(interval);
}
seconds = eventDate - currentDate;
days = Math.floor(seconds / (60 * 60 * 24)); //calculate the number of days
seconds -= days * 60 * 60 * 24; //update the seconds variable with no. of days removed
hours = Math.floor(seconds / (60 * 60));
seconds -= hours * 60 * 60; //update the seconds variable with no. of hours removed
minutes = Math.floor(seconds / 60);
seconds -= minutes * 60; //update the seconds variable with no. of minutes removed
//conditional Ss
if (days == 1) { thisEl.find(".timeRefDays").text("day"); } else { thisEl.find(".timeRefDays").text("days"); }
if (hours == 1) { thisEl.find(".timeRefHours").text("hour"); } else { thisEl.find(".timeRefHours").text("hours"); }
if (minutes == 1) { thisEl.find(".timeRefMinutes").text("minute"); } else { thisEl.find(".timeRefMinutes").text("minutes"); }
if (seconds == 1) { thisEl.find(".timeRefSeconds").text("second"); } else { thisEl.find(".timeRefSeconds").text("seconds"); }
//logic for the two_digits ON setting
if(settings['format'] == "on") {
days = (String(days).length >= 2) ? days : "0" + days;
hours = (String(hours).length >= 2) ? hours : "0" + hours;
minutes = (String(minutes).length >= 2) ? minutes : "0" + minutes;
seconds = (String(seconds).length >= 2) ? seconds : "0" + seconds;
}
//update the countdown's html values.
if(!isNaN(eventDate)) {
thisEl.find(".days").text(days);
thisEl.find(".hours").text(hours);
thisEl.find(".minutes").text(minutes);
thisEl.find(".seconds").text(seconds);
} else {
alert("Invalid date. Here's an example: 12 Tuesday 2012 17:30:00");
clearInterval(interval);
}
}
//run the function
countdown_proc();
//loop the function
interval = setInterval(countdown_proc, 1000);
}
}) (jQuery);
//]]>
Script yang ringkas/pendek
<script src="https://googledrive.com/host/0B91gOKs41YXtV1Q5bzd0NXJVQzg" type="text/javascript"></script>
Untuk meringkas kode script yang panjang tersebut caranya adalah:
1. Buka Notepad, atau menu > accessories > notepad.
1. Buka Notepad, atau menu > accessories > notepad.
2. Kemudian pastekan kode script yang belum diringkas tersebut kedalam notepad, dan klik simpan notepad dengan format sebagai berikut:
Contoh
Nama berkas : Daftar isi.js
Simpan sebagai tipe : Semua berkas
Pengkodean : ANSI
Nama berkas : Daftar isi.js
Simpan sebagai tipe : Semua berkas
Pengkodean : ANSI
3. Langkah selanjutnya upload kode script yang telah Anda simpan dalam tahap kedua diatas ke hosting gratisan seperti Firebase, atau Github.
Selain dengan meringkas script kita juga perlu memperhatikan penggunaan beberapa widget yang ada, usahakan untuk tetap membatasi penggunaannya agar Loading blog tidak bertambah berat.
Selamat mencoba...
Tidak ada komentar:
Posting Komentar
Beri komentar