> Cara Compress CSS untuk mempercepat Loading Page

Senin, 27 Juni 2011

25

Cara Compress CSS untuk mempercepat Loading Page

Cara lain mempercepat Loading Page adalah mengcompress kode CSS. Selain dapat meningkatkan kecepatan Loading Page, Compress CSS  juga bisa menghemat bandwidth. Cara ini tentu sangat bagus untuk web atau blog kita yang mengalami masalah Loading Page,  apalagi  blog kita yang sudah padat berjejal kode CSS,  javascript, jQuery atau muatan artikel, gambar, video ataupun yang lain. Silahkan anda bisa coba cara ini.
Caranya kita gunakan penyedia layanan tool gratis dari www.cssdrive.com. Hasil Compress CSS tergantung pada tiga tingkat kompresi yang bisa kita pilih.

Bila anda berminat, silahkan ikuti langkah - langkah dibawah ini:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.


4. Sebelumnya silahkan anda copy kode diantara kode <b:skin> dan kode </b:skin> dan paste pada Notepad, lalu simpan di computer anda, agar lebih aman bila terjadi kesalahan.

5. Setelah tersimpan, CUT kode CSS diantara kode <b:skin> dan kode </b:skin> pada template tadi.

6. Lalu tinggalkan sejenak, dan jangan ditutup.
7. Silahkan buka www.cssdrive.com, atau KLIK DISINI.
8. Pilih :
  • Compression mode  : Normal.
  • Comments handling : Select Don't strip any comments.
Catatan :
  • Disarankan menggunakan mode Normal, agar kode CSS tetap bekerja dengan baik.
  • Bila menginginkan hasil kompresi yang lebih kecil, anda bisa coba mode lain. Tapi seperti saya ingatkan diatas, terlebih dulu anda copy dan simpan dicomputer anda, agar bila hasil tidak sesuai yang kita inginkan, kita bisa mengulang dengan Mode yang lain.
     
9.   Paste kode yang sudah di CUT tadi, pada area yang disediakan.
10. Klik tombol "Compress-it!".
11. Setelah proses compress selesai, dibagian bawah ada keterangan hasil compress.


12. Klik tombol Highlight, Copy kode.
13. Kembali ke Tenplate dan PASTE diantara kode <b:skin> dan kode </b:skin>
14. Simpan Template, dan lihat hasilnya.

OK..., Selamat mencoba ya...
Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.
Ping your blog, website, or RSS feed for Free



Informasi Artikel :
Judul : "Cara Compress CSS untuk mempercepat Loading Page"
Diulas Oleh : | Senin, 27 Juni 2011 | 05.43
Description : Cara lain mempercepat Loading Page adalah meng compress kode CSS . Selain dapat meningkatkan kecepatan Loading Page , Compress CSS   juga...

Rating : 6.4 Dari 10, Berdasarkan 2500+ Dari 25 000+ Pengunjung.



25 komentar:

  1. Tingkat Keberhasilannya besar ga Om?
    Salam.

    BalasHapus
  2. Langkah2 yang saya berikan sudah teruji...., kembagi lagi masalah loading page.... tetap saja banyak faktor yg mempengaruhi... dari koneksi sampai besar muatan yang ada pada web atau blog kita....

    BalasHapus
  3. Thanks infonya, sangat bermanfaat...

    BalasHapus
  4. Kneza Irsyad...., sama-sama... serimg-sering mampir sobat...

    BalasHapus
  5. kode css nya yang mana saja, apa mulai dari skin sampai akir

    BalasHapus
  6. anto..., silahkan anda lihat dan fahami pada langkah ke 4

    BalasHapus
  7. Lumayan gan...3% terkompres...makasih tutornya sangat membantu

    BalasHapus
  8. BitInspiration...., sama-sama...

    BalasHapus
  9. wah di blog saya ga bisa bro.. dah coba ganti2 mode tetap ada galat.. thx infonya

    BalasHapus
  10. Terima kasih gan,
    Ini dia yang aku cari-cari.
    Salam Sukses

    BalasHapus
    Balasan
    1. semoga bermanfaat dan sukses juga buat anda...

      Hapus
  11. Tq info-nya....sangat membantu
    (Gee http://www.rumahrumahsentulcity.com )

    BalasHapus
  12. bro,ane newbie dan pengen belajar. ane copas artikel sobat dan ane udah ksh link copasaan ane.thanks

    BalasHapus
    Balasan
    1. Slahkan anda bisa copas, tapi saya sudah cek blog anda dan anda belum menambahkan Link sumber.
      Sebaiknya tambahkan Link sumber diatas atau dibawah posting, sebagai kontribusi saya buat blog anda. OK...

      Hapus
  13. Balasan
    1. kak saya udah pasang bannernya di blog saya
      tolong di cek ya kak
      makasi sebelumnya

      Hapus
  14. thanks banget om...
    sudah sya praktekan...
    hehehe

    BalasHapus
  15. Lumayan laah

    thanks buat admin

    kunjungi balik y

    http://dark-animated.blogspot.com/

    BalasHapus
  16. bagus mas bro postingnya.... inilah artikel yang banyak di cari para blogger pemula seperti saya, trims mas bro...

    BalasHapus
  17. Terimakasih pencerahannya gan...
    Tutorialnya sangat bermanfaat.

    BalasHapus
  18. wahh bisa belajar css ini disini, isin praktekin sob
    thanks

    BalasHapus
  19. Ini dia akhirnya ketemu juga yang dicari, blog ane kan rencananya banyak gambar n foto, ane cobain gan ya. oh iya, makasih gan atas infonya. sukses selalu

    BalasHapus
  20. Simplex Ereload Distributor Pulsa Elektrik Token PLN ,PPOB 24 JAM
    www.simplexreload.com/‎

    BalasHapus

BLOGGER

TUTORIAL BLOGGER

TUTORIAL BLOGGER

REKOMENDASI

REKOMENDASI

Artikel Terbaru

POST POPULER

Entri Populer



BLOGGER

Comments

HTML

Side Ads

CSS

Footer Ads

JAVASCRIPT

Random News


BACKLINK

INFO

Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini.

CEO
BLOG MAS NOER

Noer cholis


Plosokuning V, Minomartani, Ngaglik, Sleman, Yogyakarta.

TUKAR LINK

TUKAR LINK






Baca artikel "Manfaat Tukar Link"













Baca artikel "Manfaat Tukar Link"

LINK SAHABAT

LINK SAHABAT


CHAT

CHAT




TESTIMONI

Follow Us

Bila anda merasa artikel ataupun tutorial yang ada di Blog ini bermanfaat, anda bisa berikan suport comment melalui form ini. Form ini sangat bagus sebagai BACKLINK buat blog anda, silahkan tinggalkan link anda....

RECENT COMMENT

Recent Comments


top down