auqri - Jika kamu ingin meningkatkan performa website serta optimasi seo blog. melakukan minify pada css, html, javascript, atau template blog adalah langkah yang tepat. Karena dengan melakukan minify, akan membuat baris kode menjadi lebih sedikit dan website akan terasa lebih ringan.
Blog auqri menyediakan beberapa tools yang bisa kamu manfaatkan untuk memenuhi kebutuhan ngeblog, salah satunya ialah tools css minify dan beautify.
Apa itu Tools CSS Minify
CSS Minify atau CSS Minifier adalah sebuah proses yang dilakukan untuk menghilangkan beberapa karakter yang tidak diperlukan dalam sebuah kode, sehingga kode dapat dieksekusi dengan lebih mudah dan cepat.
Beberapa karakter yang dihilangkan yaitu white space, baris baru, komentar, dan delimiter yang ada didalam kode css. Sehingga proses parsing dan eksekusi kode bisa lebih ditingkatkan dan loading website akan terasa lebih cepat.
Berikut adalah tools CSS Minify yang dimiliki oleh blog auqri, silahkan pergunakan dengan sebaik-baiknya dan rekomendasikan kepada teman atau blogger lain jika ingin menggunakannya.
Cara Menggunakan Tools CSS Minifier:
- Tempelkan kode CSS pada box yang telah disediakan
- Klik tombol 'Minify CSS'
- Hasilnya akan muncul pada box dibawahnya setelah tombol minify di klik
- Terakhir, klik tombol Copy untuk menyalin hasilnya.
CSS Minifier
Tidak hanya tools CSS Minify saja, akan tetapi pada postingan ini blog auqri juga menyediakan tools lain yaitu CSS Beautify.
Apa itu Tools CSS Beautify
CSS Beautify atau CSS Beautifier adalah sebuah alat yang dapat digunakan untuk merapikan kode css dari yang berantakan menjadi tersusun rapi. CSS Beautify ini merupakan kebalikan dari tools CSS Minify, jadi kode akan terlihat lebih panjang dengan baris-baris baru yang dibuat.
Jika kamu menggunakan sebuah plugin pada tools kode editor untuk merapikan baris html atau css, maka CSS Beautify juga melakukan hal yang demikian.
Cara Menggunakan Tools CSS Beautifier:
- Tempelkan kode CSS pada box yang telah disediakan
- Klik tombol 'Beautify CSS'
- Hasilnya akan muncul pada box dibawahnya setelah tombol beautify di klik
- Terakhir, klik tombol Copy untuk menyalin hasilnya.
CSS Beautifier
Kesimpulan
Nah begitulah 2 tools yang bisa kamu gunakan untuk mengkompress kode css menjadi lebih rapi dan terstruktur menggunakan tools CSS Minifier dan Beautifier yang disediakan oleh blog auqri. Semoga alatnya bisa bermanfaat dan berguna bagi kamu dan teman-teman lainnya. Terima kasih sudah berkunjung.
Berarti endingnya adalah loading web yang lebih cepat dengan adanya tools CSS ini ya Mas Andri?
ReplyDeleteApakah nanti nggak messing up dengan kode html-nya ya kode2 CSS ini?
Kode CSS nya cuma diperingkas aja sih, jadi dari baris yang panjang itu dibuat jadi satu baris aja. Kalau pengen liat contohnya itu bisa dilihat dengan menggunakan tombol pada keyboard CTRL + U.
ReplyDeleteNanti akan ada baris CSS yang memanjang ke kanan, dan dari situ bisa dilihat perbedaannya sebelum diedit dengan setelah diedit.
Wow ilmu baru nih buat saya. Sering denger tentang kode CSS ini tapi belum belajar lebih banyak dan kadang udah atut duluan sama kode-kodenya 😅
ReplyDeletejadi nanti kode templatenya dari serba panjang bakalan jadi lebih simple gitu ya Kak? Masih belum mudeng sebenarnya, harus belajar lagi nih :D
ReplyDeleteKalo masalah kode-kode gini sebenarnya saya agak kurang cepat tangkap, makanya selama ini masih pake yang manual-manual aja yang masih panjang-panjang itu
ReplyDeleteYang saya bingung, kode CSS seperti apa yang perlu di Minify, dan kode CSS seperti apa yang perlu di Beautify mas? Soalnya dari contoh kode yang disediakan, kodenya sama. Jadi Minify dan Beautify ini semacam reverse.
ReplyDeleteWah baca ini saya lumayan lama mikirnya, hehe
ReplyDeleteMaklum Sy nggak ngerti soal kode kode seperti ini
Tapi dgn membaca artikel ini jadi tercerahkan
Terima kasih ya kak informasinya
nah kebetulan saya pengguna wordpress. untungnya ada plugin yang juga bisa bantu minify css :D tapi ini info penting juga, bisa syaa gunakan untuk blogspot sya
ReplyDeleteCodingnya seperti apa bentuk realnya, kak?
ReplyDeleteApa ini berlauk hanya di WP?
Tujuannya biar terbaca cepat oleh google kah?
Terimakasih.
Waah belum mendalami CSS dan sebangsanya. Kalo Mas apa nerima jasa oprek blog dan memperbaikinya, minify css, dll?
ReplyDeletebelum ngerti nih soal CSS dan buntut2nya. apakah ini bisa dipergunakan di wordpress juga?
ReplyDeleteSejujurnya saya gak terlalu paham mengenai kode css, tapi makasih banyak infonya
ReplyDeletemakasih ya informasinya, dulu aku suka banget ngulik beginian, tapi skrg belum sempet karena ngurusin anak2 terus di rumah
ReplyDeleteMaaih mencoba mencerna secara perlahan nih kalo liat kode2 css dkk haha..
ReplyDeleteTapi menarik sih buat dipelajari, karena blogger gitu lho hehe
Wah, aku masih belum paham mas soal beginian. Tapi makasih ya sudah tercerahkan dan memang mesti berbenah lagi blognya biar teroptimasi dengan baik.
ReplyDeleteTools CSS Minifier dan Beautifier, istilah baru bagi saya, saya pahami dulu ya, kak. Terima kasih infonya, ini manfaat karena kode jadi bisa diakses lebih cepat. web jadi ringan pastinya ya
ReplyDeleteJadi belajar lagi nih. Aku belum pernah sih pake tools CSS minifier dan beautifier. Menarik juga namun kudu dipelajari biar pas dan cocok digunakan
ReplyDeleteTools yang menarik banget, pas buat performa blog saya yang jauh dari angka 100 hihihi.. Tapi berlaku bagi blog yang terdapat script adsense nya juga kah, kak?
ReplyDeleteMasih belum ngerti nih saya cara makenya. Baru tau loh, ada tools CSS yang seperti ini.
ReplyDeleteWajib di bookmark nih artikelnya. Penting banget untuk kebutuhan optimasi blog dan merapikan css blog yang berantakan. Thanks for sharing ya.
ReplyDeleteHuaaa sengaja banget baca artikel soal tools CSS gini buat belajar lagi, dulu masih suka otodidak gini. Tapi kok ya makin ke sini makin males gitu, duh makasih banyak kak, lumayan bikin pemanasan otak nih soal teknis blog
ReplyDeletewah bermanfaat banget nih toolsnya, kalau lagi perlu bakal cobain. Thank you for sharing !
ReplyDeleteKayaknya belum pernah gunain CSS aku mas. Apa aku yg belum paham ya heheee
ReplyDeleteTapi ini bisa dipergunakan untuk blogspot juga kah mas?
Masuk sini jadi tahu soal perkodean
ReplyDeleteSoalnya selama ini seringnya terima jadi saja
Aku ga paham soal beginian. Kyknya para master blog yg paham deh. Setting blogku msh standar bgt hehe.. kudu banyak belajar nih.
ReplyDeleteWah, blog ini bakal saya sering kunjungi dan saya simpan di bookmark perambaan saya deh. Saua butuh tools buat meningkatkan performa blog saya supaya lebih jos. Thanks mas
ReplyDeleteWahhhh ilmu niy, secara saya gak paham daleman blog. Cuma bisanya nulis nulis aja tanpa paham teknis blog.
ReplyDeleteMakasih yaa, menambah wawasan
Post a Comment
Tambahkan komentar Anda disini..