• Home
  • Disclaimer
  • Privacy Policy
  • Sitemaps

Pinguin Techno

Select Menu
  • Home
  • Blogging
  • Sumber Artikel
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Error Page
Home » CSS » Optimasi Loading Menggunakan CSS Compress

Saturday, 5 July 2014

Optimasi Loading Menggunakan CSS Compress

Unknown
Add Comment
CSS
Saturday, 5 July 2014
Optimasi Loading Menggunakan CSS CompressTeknik kompresi pada CSS paling tidak mampu meningkatkan performa loading Blog anda. Disini bukan dalam artian super cepat tapi cenderung ke arah optimalisasi CSS. Jika kita bicara masalah kecepatan loading page, CSS Compress ini cuma salah satu bumbu penyedap saja, tidak ada cara sebagus apapun selain optimalisasi pada size image (jangan dibandingkan dengan kecepatan koneksi internet dulu ya, kita anggap saja koneksi yang kita gunakan sama ;)


CSS Drive Gallery- CSS Compressor merupakan salah satu layanan gratis yang biasa di gunakan untuk keperluan ini. Yang menarik, tools ini menyediakan 3 level mode kompresi berbeda yaitu Light, nomal dan Compact. Cara kerja metode ini berusaha memperkecil ukuran dengan menghilangkan spasi dan komentar yang tidak diperlukan. saya sarankan untuk yang baru utak atik CSS jangan langung mencoba mode Super Compact dan Strip All Comments, sebaiknya gunakan mode Light dan don't strip any comments terlebih dahulu. Untuk yang sudah mengerti bisa mencoba level kompresi selanjutnya pada pilihan
http://www.cssdrive.com/index.php/main/csscompressoradvanced/

Selain fungsi Compress tentu kita juga mengenal mode Uncompress. Biasanya uncompress digunakan sebagai kebalikannya. Sayang CSS Drive tidak memiliki fungsi ini, jadi saya sarankan kita bisa mencoba pada layanan ini
http://mabblog.com/cssoptimizer/uncompress.html

Cara Kompresi CSS pada Blogger:
Sebelumnya jangan lupa backup semua kode pada halaman Edit HTML
Pada halaman Edit HTML, Code CSS biasanya terletak diatara kode <b:skin><![CDATA[ dan ]]></b:skin> atau antara <style type='text/css'> dan </style> silahkan copy-paste semua kodenya kemudian lakukan kompress pada tools diatas, jika sudah copy-paste lagi kode yang sudah di compress ke halaman Edit Html pada posisi semula.
Semoga bermanfaat, jangan lupa kritik dan saranya..
Suka Artikel? Bagikan: Facebook Twitter Google+
0 Komentar untuk "Optimasi Loading Menggunakan CSS Compress"

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Entri Populer

  • EDU Backlink
    EDU Backlink
    Backlink .EDU sekarang ini masih menjadi incaran bagi para blogger untuk menaikkan ranking situs/blog mereka, tapi kadang-kadang kita meras...
  • Minima Responsive  Template
    Minima Responsive Template
    DEMO | DOWNLOAD Minima Responsive Blogger Template sempurna Untuk Blog Pribadi , modern dan sepenuhnya responsif (coba mengubah ...
  • Tutorial Membuat Koneksi WDS di Mikrotik
    Tutorial Membuat Koneksi WDS di Mikrotik
    Teori Dasar Wireless Distribution System (WDS) WDS (Wireless Distribution System) adalah sistem yang memungkinkan interkoneksi antar Access...
  • Mikrotik Tersambar Petir
    Mikrotik Tersambar Petir
    Sedikit sharing tentang sambaran petir di Mikrotik . Beberapa waktu lalu terjadi keanehan di jaringan yang saya kelola, dimana jaringan inte...
  • Cara Mengetahui Password Winbox Mikrotik
    Cara Mengetahui Password Winbox Mikrotik
    Lupa Username dan Password Mikrotik? Lupa Username dan Password di Winbox Mikrotik? Jika jawabannya Ya , maka anda berada di tempat yang t...
  • Claud Storage Gratis Untuk Penyimpanan Data Online
    Claud Storage Gratis Untuk Penyimpanan Data Online
    Claud Storage Gratis Untuk Penyimpanan Data Online - Sebelum masuk ke inti materi, saya terangkan sedikit tentang layanan cloud storage . Se...
  • Penjelasan Queue Tree & PCQ serta Penerapannya di Mikrotik
    Penjelasan Queue Tree & PCQ serta Penerapannya di Mikrotik
    Pengaturan dan managemen Bandwidth di Mikrotik tidak dapat lepas dari fitur Queue. Ada dua jenis Queue yang dapat digunakan di Mikrotik, ya...
  • Membuat Posting Layar Penuh
    Membuat Posting Layar Penuh
    Cara Membuat Posting Layar Penuh - Saya membuat sebuah aplikasi/widget kecil untuk membuat posting di blog menjadi memiliki alternatif tamp...
  • Cara Memantau dan Memonitor Jaringan Mikrotik Menggunakan The Dude
    Cara Memantau dan Memonitor Jaringan Mikrotik Menggunakan The Dude
    Memantau dan memonitor jaringan mikrotik dan perangkat lainnya yang saling terhubung dapat dilakukan dengan mudah menggunakan aplikasi yang ...
  • Tutorial Shared Bandwidth Management Mikrotik Menggunakan Simple Queue
    Tutorial Shared Bandwidth Management Mikrotik Menggunakan Simple Queue
    Shared Bandwidth Management Mikrotik digunakan untuk mengalokasikan bandwidth tiap client dengan rate yang bervariasi tergantung aktif tida...

Labels

Android (2) Artikel (37) Backup (2) Bandwidth Management (8) Blogging (63) Blogspot (9) Blokir Website (6) Bridging (2) Burst (1) CSS (38) Dasar Mikrotik (24) Desain Rumah (1) DHCP (2) DNS (4) Download (9) eBook (1) Email (1) Error (1) Facebook (18) Failover (2) Firewall Mikrotik (21) Game (1) Hack (1) Hotspot (8) IDM (1) Install (2) Internet (11) Joomla (1) jQuery (24) Kaos Mikrotik (2) Komputer (5) Lain-Lain (13) Layer 7 (4) Linux (1) Load Balance (3) Mikrotik (24) Mikrotik Lanjut (51) Mikrotik Outdoor (2) Modem (1) MTCNA (2) MUM (5) Netcut (2) Netwatch (4) Password (1) Petir (1) Photoshop (1) PoE (1) Power Mikrotik (3) Proxy (6) RB433 (1) RB751U-2HnD (6) RB951Ui-2HnD (4) Reset (3) RouterBoard (10) RouterOS (19) Routing (5) Scripting (4) Security (1) SEO (20) Setting Mikrotik (34) SMS (1) SXTG-2HND (1) Template (31) The Dude (1) Tools (4) Troubleshooting (1) Tunnel (1) Tutorial Mikrotik (58) Twitter (2) Upgrade (4) USB (1) USB Modem (3) User Manager (2) Virtual (7) VPN (1) Widget (32) Winbox (7) Windows (2) Wireless Mikrotik (13) Wireless P2P (5) Wireless Security (1) Wireless Tools (1) Wordpress (10)
Copyright 2014 Pinguin Techno - All Rights Reserved
Template By Jenny Psychicfio