• Beranda
  • Contact
  • Order Template
  • Terms
  • Privacy

Noval Official

The Official Blog of Noval Bintang

  • Menu
  • DropDown
    • Sub Menu 1
    • Sub Menu 2
    • Sub Menu 3
  • Templates
    • April Magz
    • Purnama Theme
    • Perfect4ads
    • Premium Exam
    • Niagahoster
  • 404
Home Tips Tutorial Cara Agar Template Blog Fast Loading

Cara Agar Template Blog Fast Loading

Written by Noval Bintang on 08.39 ,
Cara Agar Template Blog Responsive

Template yang fast loading atau yang cepat untuk diload merupakan template blog yang sangat friendly dengan visitor atau reader blog. Bagi sebagian blogger, membuat templatenya fast load juga merupakan sebuah keharusan agar tidak memperberat visitor untuk mendownload keseluruhan halaman dengan lambat. Membuat template fastload juga dapat membuat hidup anda lebih go green dan hemat. Karena dengan template yang fastload berarti template anda tidak memakai banyak kuota internet untuk mendownload keseluruhan halaman. Lalu, bagaimana caranya agar template anda menjadi fastloading? Berikut beberapa tips yang mungkin bisa agan lakukan.

1. Hapus CSS Reset Blogger

Untuk menghapusnya anda harus membuka template editor template blogger, kemudian cari dan ganti <b:skin><![CDATA[ dengan kode berikut

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[

Kemudian simpan Template

2. Hapus Javascript Widget Bawaan

Sama dengan tips nomer 1, anda harus membuka editor template blogger, kemudian cari dan ganti </body> dengan kode berikut

&lt;!--</body>--&gt;&lt;/body&gt;

3. Minimalkan Gambar dengan Javascript

Di beberapa template yang saya share, pada halaman home atau homepage saya menggunakan javascript untuk meresize thumbnail (gambar artikel). Menurunkan ukuran thumbnail gambar dengan mengatur lebar thumbnail pada source javascript. Seperti berikut javascriptnya

Tips Agar Template Blog Responsive

Pada javascript di atas, variable image_size memiliki value lebar thumbnail gambar pada homepage. Silahkan dicari tentang autoread more untuk blogger di google. Sebelumnya saya lihat di blog DTE ada tentang autoreadmore dengan textarea, bisa mengatur banyaknya karakter dan ukuran thumbnail.

4. Lainnya

Cara lainnya yaitu tidak memakai widget yang terlalu memberatkan, kurangi penggunaan source dari luar seperti gambar, javascript, font, dan css yang berasal dari selain dari blog anda.

Semoga tipsnya bermanfaat


Posting Lebih Baru Posting Lama

Related Posts :

35 komentar:

  1. Anonim17 Desember 2013 pukul 09.14

    Izin bungkus pertamax nih :)

    Template buatan mas noval itu keren-keren :) dengan fitur html5, css3, SEO, dan loading sangat ringan. Pantes saja memiliki banyak fans atau menyebut mas noval sebagai mastah :)

    BalasHapus
    Balasan
    1. Noval Bintang23 Desember 2013 pukul 04.29

      hemm ane masih belajar dari mastah lain kok gan :D

      Hapus
      Balasan
        Balas
    2. Balas
  2. Dwi17 Desember 2013 pukul 09.31

    waah simple yaa caranya ;) template johny wusss kayaknya udh responsive deh, tapi ntar dicek lagi ;) makasih udh share

    BalasHapus
    Balasan
    1. Noval Bintang23 Desember 2013 pukul 04.30

      Template Johny Wusss mah udah perfect gan hehe

      Hapus
      Balasan
        Balas
    2. Balas
  3. Unknown17 Desember 2013 pukul 09.56

    wah harus lebih banyak belajar lagi nih untuk pemahaman script :D

    BalasHapus
    Balasan
      Balas
  4. Ucu nurodin17 Desember 2013 pukul 10.13

    ada tips untuk wp ga gan

    BalasHapus
    Balasan
    1. Noval Bintang23 Desember 2013 pukul 04.31

      masih belum ada nih gan

      Hapus
      Balasan
        Balas
    2. Balas
  5. Kang Muroi17 Desember 2013 pukul 10.23

    Wah kayanya saya harus oprek-oprek template lagi nih, ntar ah kalo ada senggang hehe..

    BalasHapus
    Balasan
      Balas
  6. abang ichal17 Desember 2013 pukul 11.04

    hm kalo atur saja css nya. Slain itu tdk.

    BalasHapus
    Balasan
    1. Noval Bintang17 Desember 2013 pukul 22.15

      cm css sj tdk cukup.

      Hapus
      Balasan
        Balas
    2. abang ichal18 Desember 2013 pukul 02.46

      eh ditambah penggunaan widget seperlunya

      Hapus
      Balasan
        Balas
    3. Balas
  7. Unknown17 Desember 2013 pukul 12.14

    Mantap banget nih tips, saya coba dulu sob :), makasih ya :)

    BalasHapus
    Balasan
      Balas
  8. Unknown17 Desember 2013 pukul 12.37

    enak ya kalau punya blog fast loading kek blog agan :)

    BalasHapus
    Balasan
      Balas
  9. Anonim17 Desember 2013 pukul 13.39

    nice tips mas, siap dipraktekkan

    BalasHapus
    Balasan
      Balas
  10. Anonim17 Desember 2013 pukul 13.48

    kunjungan perdana sob, wow blognya keren sekali...loadingnya cepat sekali.

    template responsive ini saya kurang mengerti bagaimana prakteknya, rasanya sulit sekali menjadikan template menjadi responsive...saya gagal terus sob dalam mempraktekannya hehe

    BalasHapus
    Balasan
      Balas
  11. Unknown17 Desember 2013 pukul 15.35

    waduh mas ,, itu salah judul yang betul adalah agar blog fast loading hehehehe

    BalasHapus
    Balasan
    1. Noval Bintang23 Desember 2013 pukul 04.31

      hehe iyaa lupa gan

      Hapus
      Balasan
        Balas
    2. Balas
  12. Anonim17 Desember 2013 pukul 18.05

    PERTAMAXX :D

    BalasHapus
    Balasan
    1. Dwi18 Desember 2013 pukul 09.46

      pertamax udah habis gan :D

      Hapus
      Balasan
        Balas
    2. Noval Bintang23 Desember 2013 pukul 04.32

      tenaga surya aja biar earth friendly

      Hapus
      Balasan
        Balas
    3. Balas
  13. Anonim18 Desember 2013 pukul 07.06

    Mantap Banget.. Langsung Tempel Di Blog..
    Bleh Di Edit edit lagi Mas templatenya.. ??

    BalasHapus
    Balasan
      Balas
  14. Unknown18 Desember 2013 pukul 07.31

    nah ini baru judulnya udah tepat ......... hheheh

    BalasHapus
    Balasan
      Balas
  15. Anonim18 Desember 2013 pukul 11.02

    mantap mas.....

    BalasHapus
    Balasan
      Balas
  16. Unknown18 Desember 2013 pukul 11.07

    mempercepat loading blog bisa meningkatkan trafic juga karena pengunjung merasa nyaman mengakses konten di blog kita, terimakasih mas untuk sharingnya.

    BalasHapus
    Balasan
      Balas
  17. Properti Niaga18 Desember 2013 pukul 13.11

    Ini nih, kode blog yang bikin kepala mumet 7 keliling, kami ikutan nyimak aja ya Mas. Masalahnya ilmunya belum kesampean nih

    BalasHapus
    Balasan
      Balas
  18. Anonim18 Desember 2013 pukul 18.14

    Wah patut di coba nih. Terimakasih mas sangat bermanfaat.

    BalasHapus
    Balasan
      Balas
  19. Blog Kampret19 Desember 2013 pukul 09.38

    Saya sudah mencobanya tapi tidak ada perubahan nih mas :(

    BalasHapus
    Balasan
      Balas
  20. Blogger19 Desember 2013 pukul 12.43

    Wah keren nih gan ,pengin banget punya Template responsive seperti punya agan ini.....

    BalasHapus
    Balasan
      Balas
  21. Agus Setya19 Desember 2013 pukul 13.12

    kenapa gambar dari java kok tidak disarankan mas ? padahal hostingnya kan dari luar, kita tinggal copi linknya doang ?

    BalasHapus
    Balasan
    1. Noval Bintang19 Desember 2013 pukul 21.31

      malah karena hostingnya dari luar itu bisa memperberat loading download blog

      Hapus
      Balasan
        Balas
    2. Balas
  22. M Fadhil19 Desember 2013 pukul 21.33

    Untuk no 1 dan 2 apa tidak berpengaruh ke hasil tampilan ?

    BalasHapus
    Balasan
      Balas
  23. Arta Darma21 Desember 2013 pukul 07.46

    keren mas noval ;)

    BalasHapus
    Balasan
      Balas
  24. Andaviar22 Desember 2013 pukul 15.04

    Bermanfaat sekali Mas Bintang :)

    BalasHapus
    Balasan
      Balas
  25. Hakim19 Mei 2014 pukul 19.16

    Langkah ke 2 fungsinya untuk menyembunyikan javascript ya? selain itu fungsinya apa lagi mas? karena ada beberapa widget yang kinerjanya berkurang (seperti arsip blog)

    BalasHapus
    Balasan
      Balas
  26. Belajar19 Agustus 2014 pukul 06.16

    Terimakasih sudah sharing gan. saya lagi cari2 template yang tepat untuk blog saya untuk di pakai seumur hidup rencananya.
    saya juga mencari artikel tentang Cara Menggunakan Template Johny Wuss agar lebih mudah dalam menerapkan template ini.
    Thanks ya.

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Monggo mas berkomentar

ADS

Popular Posts

  • Cara Mandiri Membuat Template Blog Sendiri
    Hai kembali lagi bersama saya, kalau bosan dengan saya silahkan click close di tab anda ya hehe. Tapi semoga anda menyayangkan jika anda...
  • Cara Membuat Header dengan Iklan 728 x 90 di Blog
    Oke, kembali lagi dengan saya. Sudah bosan kah? Hehe. Ini merupakan tutorial kelanjutan dari tutorial " Cara Mandiri Membuat Templa...

Labels

Android CSS3 Download Free Game HTML5 Hacking Hosting Murah iPhone

Label

Premium Presentation Responsive SEO Smartphone Template

Labels

Tips Tutorial Video Website Wordpress Youtube
Noval Official © . All Rights Reserved. Powered by Blogger