11.9.16

Ringkas File Script, Biar Loading Blog Jadi Ringan

Ringkas File Script, Biar Loading Blog Jadi Ringan
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. 

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

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...

→ About the author

Moch Adnan adalah Admin Blog yang mempunyai ketertarikan dengan Dunia Blogging,kamu bisa Menemukan saya dan memfollow saya di Google + Twitter Facebook


Terima Kasih Telah Membaca Artikel Ringkas File Script, Biar Loading Blog Jadi Ringan . Jika Anda tertarik dengan artikel seperti ini, silahkan untuk berlangganan artikel Gratis dengan cara mengetikkan alamat e-mail anda pada kotak berlangganan berikut:
Subscribe via Email

Silahkan tinggalkan komentarnya
Mohon untuk tidak memasukkan link hidup dalam berkomentar