Mempercepat Loading Blog dengan Kompres CSS

Compress CSS Kode Untuk Kecepatan Loading Blog, mungkin itulah yang akan saya bahas malam ini, karena pengunjung sering mengeluh dan paling malas ketika mereka harus meminta maaf blog pembebanan berat badan, di mana efek buruknya, jangan berharap para pengunjung akan kembali lagi ke blog kita. yaitu tidak semua jalan, blog saya juga cukup berat, tp karana kebantu oleh tembolok sehingga mending'lah tidak terlalu berat, tapi aku masih perlu untuk kompres lagi. hihihi ...
tutorial blog Mbahyar
di mana di jalan, kita membuat kode CSS file.css dan upload ke webhosting, Nah kali ini ada cara yang lebih mudah dan lebih praktis, kita kompres kode CSS untuk aplikasi online. Cara bahwa saya berlatih sebelum kompres CSS dengan CSS Compressor.

Penting!

Sebagai tindakan pencegahan selalu backup dulu template anda, sehingga jika nanti teman saya memiliki masalah, dapat meng-upload template sobat cadangan. Ok ....

Berikut adalah langkah-langkahnya:
  •     Seperti biasa, login ke blogger sobat
  •     Login Desain / Tata Letak
  •     Pilih Edit HTML
  •     Klik tombol "Download Full Template" (ini untuk membackup template Anda)
  •     Perhatikan langkah-langkah berikut

1. Kompres kode CSS pada umumnya (standar)

Untuk cara pertama adalah cara kita umumnya sering / blogger.
  • Untuk melihat / membandingkan hasilnya, pertama, untuk memeriksa silahkan cek di Speed ​​Test
  • Kemudian blok dan POTONG semua kode CSS setelah kode <b:skin> <! [CDATA [dengan kode sebelum]]> </ b: skin>
  • Jika teman saya kurang jelas dengan penjelasan di atas catatan ini:

<b:skin><![CDATA[
disini mulainya | . . . . . .

. . . . .KODE-KODE CSS. . . . .

sampai disini |
]]></b:skin>


  • Buka situs CSS kompresor sini
  • Mengatur pengaturan sebagai berikut:
Mode kompresi = pilih 'Normal'

Komentar penanganan = pilih 'Jangan strip komentar'

Paste kode CSS yang telah dipotong sebelumnya di kotak kosong

Kemudian klik Compress-It

Selanjutnya copy hasil kompresan tadi dan tempatkan pada kode template anda antara

<b:skin><![CDATA[
Pastekan disini kode CSS yang telah di kompres tadi
]]></b:skin>


    Terakhir, klik Simpan

Tugas berikutnya adalah untuk membandingkan blog sobat berat badan sebelum dan sesudah dikompres.

2. Kedua cara Compressed kode CSS (saat kakek saya) dan juga memampatkan Kode HTML

Caranya juga tidak jauh dari jalan pertama, hanya yang terakhir ini lebih sengit dari sebelumnya, (bernoda mengatakan demikian) Ckckckk

Karena itu adalah cara yang agak rumit, apalagi melihat kode CSS yang kita kompres, pasti tidak ada koma, titik dan spasi. Tentu menciptakan kebingungan jika kita ingin mengedit kode.

Tapi jika sobat tertarik untuk kompres kode CSS biar lebih maknyus, ikuti langkah-langkah di bawah ini:

Apakah saya melihat kembali bagaimana langkah pertama, yaitu:

  • Blokir dan POTONG semua kode CSS setelah kode <b:skin> <! [CDATA [dengan kode sebelum]]> </ b: skin>
  • Buka situs CSS kompresor sini
  • Settingnganya rubah sebagai berikut:
  • Kompresi mode = pilih 'Super Compact'
  • Komentar penanganan = pilih 'Sisihkan semua komentar apapun'
  • Kemudian tempatkan kode antara hasil kompresannya

<b:skin><![CDATA[
Pastekan disini kode CSS yang telah di kompres tadi
]]></b:skin>
  • kemudian dipotong kembali pada kode antara kode

<body>
Bla. . . . .bla. . . . .bla. . . . . Bla . . . . .
</body>
  • Kemudian buka halaman berikutnya dan kompres kode di sini HTML Optimizer
  • Copy dan paste kode antara hasil sebelumnya kode <body> kompresan dan </ body>
  • Terakhir, klik Simpan

Untuk cara kedua harap lebih berhati-hati dalam berlatih, karena kode CSS / HTML setelah dikompres benar-benar akan membuat kita pusing membacanya, hohoho karena tanpa spasi.

Oke, sobat tugas selanjutnya adalah membandingkan hasil dari sebelum dan sesudah dikompres.

Untuk di atas saya telah menerapkan di blog saya. Dan Alhamdulillah tidak ada masalah alias lancar! Dan akhirnya itu mungkin Cara Untuk Mempercepat Halaman Compress CSS Blog yang saya lakukan.

Good luck buddy ... Semoga bermanfaat.

2 comments:

  1. Mantaaaaaaaaaaaaaaaaaap gan,lumayan nambah cepet....................

    BalasHapus
  2. Ijin repost ya gan :)

    http://www.mestiqui.com/

    BalasHapus

berikan komentar anda disini...
Terimakasih atas komentar anda...