Tips Mempercepat Speed Blog Dengan Menggunakan CSS

Tips Mempercepat Speed Blog

(dengan menggunakan CSS)

Tittle             : Tips Mempercepat Speed Blog Dengan Menggunakan CSS

Label            : TIPS INTERNET DAN BLOGGING, 

Distributor     :  MYRADIAN | Indonesia

Edited By     :  Radian Indonesia | RANA (Official Site)

RADIAN INDONESIA | My Radian

Read more: http://radian-onsite.blogspot.com

MYRADIAN | Indonesia – Guys, Mungkin Artikel kali ini akan membantu kalian yang suka ngeblog dengan Akses Internet Limit, atau blog kalian punya masalah dengan kecepatan , sehingga mengganggu pengunjung yang akan berkunjung ke blog kita. Tentu akan berdampak kurang baik dengan SEO kita. Inilah Beberapa Tips yang bias saya rangkum untuk mempercepat Akses Blog sehingga tidak Lelet / Lola lagi , 3 L .

-  Tips Ini juga bias membantu pengunjung setia kalian betah berlama lama di blog kalian karena memang lebih cepat.

- Tips ini lumayan bermanfaat buat sahabat blogger yang suka memakai widget berlebihan / blogger  yang mempunya blog dengan kecepatan blog lama, 

 Sebelum kalian Beranjak ke Tips dan Trik nya, Alangkah baiknya kalian tahu dulu Apa sih CSS . Karena Tips ini Akan banyak berkaitan dengan CSS. Kalo kalian udah tahu  , maka tips ini akan lebih mudah Agan Praktikan . dan kesempatan berhasil menjadi lebih besar. 

A. Pengertian CSS

CSS (Cascading Style Sheets) adalah kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML dan merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warnamouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.  CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.  Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

B. Fungsi dan Keuntungan CSS yaitu:

·         Dapat di-update dengan cepat dan mudah, karena kita cukup mendefinisikan sebuah style-sheet global yang berisi aturan-aturan CSS tersebut untuk diterapakan pada seluruh dokumen-dokumen HTML pada halaman situs kita.

·         User yang berbeda dapat mempunyai style-sheet yang berbeda pula.

·         Ukuran dan kompleksitas document code dapat diperkecil.

Ada dua sifat CSS yaitu internal dan eksternal.  Jika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan didesain.  Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain itu.

Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus. Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.

Fakta Menggunakan CSS diantaranya :

           ·         Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.

          ·         Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.

          ·         Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.

         ·         Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.

         ·         Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser

         ·         CSS adalah layouting “Masa Depan” dengan penggabungan bersama XHTML.

 Langkah atau cara Compress CSS Sebagai Upaya Optimasi Blog adalah sebagai berikut 

      Ø  Login ke Blogger lalu pilih Lay Out dan klik Edit HMTL

        Ø  Jangan lupa backup template dulu dengan Download Full Template , siapa tahu nanti malah berantakan.

        Ø  Cari kode CSS nya , biasanya terletak antara kode  :<b:skin><![CDATA[/*  dan  ]]></b:skin>    

        Ø  Kalau CSS nya sudah ketemu tinggal di blok , lalu ambil atau Cut ( klik kanan Mouse anda lalu Cut ) dan  simpan dulu di Notepad , akan lebih baik lagi bila notepadnya di save sebagai backup , siapa tahu  nanti diperlukan lagi.  

       Ø  Jika sudah baru kita masuk ke CSSdrive.com untuk mengkompresnya, disitu akan ada kotak bertuliskan Insert CSS Code 

       Ø  Copy CSS yang tadi disimpan di Notepad tersebut kemudian pastekan ke kotak Insert CSS Code.   

       Ø  Nanti ada beberapa pilihan seperti di bawah ini : (Untuk pemula sebaiknya pilih Light dan Don strip any comments saja dulu , supaya masih tetap terbaca jika nanti kita mau utak-atik-utek CSS lagi).

Compression mode: (?)
Light
Normal
Super Compact
Comments handling: (?)
Don't strip any comments
Strip ALL comments
Strip comments at least  chars long (NOT counting line breaks within comment)

1.      Klik Compress it yang ada dibawah kotak tersebut 

2.      Tunggu sebentar sampai proses compress selesai , kalau dah selesai dibawahnya suka ada keterangan      seperti ini : 

Compression results

Original size: 14487 bytes

Compressed size: 12357 bytes

Savings: 2130 bytes (15%)

3.      Copy hasil compress tersebut dan pastekan ke tempatnya semula yaitu antara :

<b:skin><![CDATA[/*  dan  ]]></b:skin> 

4.      Jika semua sudah selesai jangan lupa Save Templates 

5.      Selesai , selamat mencoba untuk Compress CSS Sebagai Upaya Optimasi Blog

6.      Jika mau tahu Seberapa Berat Blog Sobat, Klik aja Posyandu

*Keterangan : 

                         - Repost 1 Januari 2012

TERIMA KASIH

Support / Contact Person : 

My Twitt    : @myradian_  

My Facebook : Radian Indonesia | My Radian 

My Site     : http://radian-onsite.blogspot.com

Phone       : 087879001122

Always Loving You Forever 

Posted in: TIPS INTERNET DAN BLOGGING