Blog sedang dalam perbaikan mohon maaf jika banyak kesalahan ------> Pemesanan Hubungi langsung Owner Kami
Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image

Cara mempercepat loading blog dengan compressor CSS dan Java Script

  • 2 Mei 2012
  • Armila ( Dins Photography )
  • Label: ,

  • Halo..~ Sobat DSP.. Setelah saya jalan-jalan di internet ternyata ada sesuatu yang baru sob.. saya menemukan Cara mempercepat loading blog dengan compressor CSS dan Java Script bagi anda yang loading blog-nya berat anda bisa menggunakan cara ini. Cara ini tidak menggunakan cara atau memasang script pihak ke tiga seperti lazy loader dsb. Melainkan membuat kode CSS atau Java Script pada blog kita menjadi lebih rapi dan simple.
    Cara mempercepat loading blog dengan compressor CSS dan Java Script ini sangat merujuk kepada blog lebih SEO Friendly,, karena akan mempermudah search engine melacak blog kita dan Robot google pun akan senang berkunjung ke blog kita karena sistem ini menggunakan langkah pencarian melalui cookie jadi robot google tidak harus bersusah payah memeras otaknya untuk merayapi blog anda.. hehe.. :) di karenakan oleh banyak-nya spasi dan kode CSS yang tak berguna. kaya manusia pake otak..? hehe..



    Contoh Perbandingan Script :

    Asli :

    .main-inner .widget {
      background-color: $(widget.background.color);
      border: 1px solid $(widget.border.color);
      padding: 0 $(widget.padding.side) 15px;
      margin: 20px -16px;

    Compress :

    .main-inner .widget {
    background-color:$(widget.background.color);
    border:1px solid $(widget.border.color);
    margin:20px -16px;
    padding:0 $(widget.padding.side) 15px
    }

    Silahkan anda cek dengan cara save menggunakan notepad dan berapa perbedaan propertis sizenya..

    Perbedaan size tersebut karena CSS atau Java Script yang telah menggunakan Cara mempercepat loading blog dengan compressor CSS dan Java Script akan lebih simple atau akan lebih dirapihkan oleh compressor

    Untuk mendapatkannya anda hanya cukup mengunjungi web penyedia layanan compressor dan membawa html anda yang mau di compress dan tinggal di masukan di kotak yang sudah di sediakan lalu tekan compress selesai deh gampang kan..? mau tau caranya silahkan simak uraian di bawah ini..

    1. Untuk Kompres CSS cukup mengunjungi CSS COMPRESSOR setelah masuk di halamannya anda akan melihat kotak css yang di sediakan. Sedangkan untuk Kompres Java Script anda kunjungi Java Script Compressor.

    2. Untuk kompres CSS, Masukan CSS yang akan di compress ke dalam kotak yang sudah di sediakan ( jika anda masih bingung kode yang mana yang harus di compress.. silahkan anda masuk ke blog dasbor anda > Edit tamplate HTML > lalu copy kodenya dari mulai <b:skin><![CDATA[ sampai sebelum kode ]]></b:skin> setelah di copy paste kode tersebut di kotak compress yang sudah di sediakan oleh CSS COMPRESSOR
    jangan lupa pilih salah satu di menu drop downnya diantaranya - High >  Standar > Low 
    kalau saya sih pilih Standar karena jika pilih yang paling tinggi scriptnya akan sangat rapat dan anda akan bingung di saat anda akan mengeditnya kembali ) jika terjadi eror, lebih baik anda memasukan-nya sedikit demi sedikit
    Untuk kompres Java Script, anda tinggal masukan kode Java Script anda contoh widget apa yang terpasang di blog anda yang mengandung Java Script lalu masukan pada compressor.
     
    3. Setelah selesai compress anda tinggal mengambil kode yang sudah terkompres di urutan kotak paling bawah Lalu pastekan di tempat semula anda mengambil kode dari blog anda..


    4. sebelum simpan harap pratinjau tamplate terlebih dahulu untuk menjaga kesalahan.


    5. Jika sudah ok maka simpan tamplate anda..
    dan lihat hasilnya..
    Itulah  Cara mempercepat loading blog dengan compressor CSS dan Java Script
    • Artikel DSP
    • Silahkan anda mengcopy artikel ini ke blog anda dan jangan lupa sertakan sumbernya.

    0 komentar:

    Posting Komentar

    Tolong bagi para sahabat harap baca dulu sebelum berkomentar :

    Blog ini tidak menggunakan verifikasi apapun, silahkan tinggalkan komentar yang sopan, tidak menjadi spamer.

    - jangan sertakan link pada komentar
    - jika ada link yang rusak / broken link di blog ini tolong beritahu saya pada komentar
    - jika artikel blog ini bermanfaat silahkan menyebarluaskan-nya dengan tekan button share
    ( google+ , facebook, digg, twitter dll ) salam hangat...
    Owner dsp : [Didin Supriatna (urang sunda+jawa)]

    Copyright (c) 2010 dins photography. Created by dsp