Oleh Ezil Dilihat : 120 13 Januari 2020

Cara membuat website lebih cepat dengan mengompres file CSS

Membuat website menjadi lebih cepata adalah keinginan semua developer web, dengan membuat web lebih cepat otomatis membuat pengunjung lebih banyak datang ke websitenya. Ada beberapa cara dalam membuat lebih cepat, salah satunya adalah dengan mengompresi ukuran file CSS. CSS adalah singkatan dari Cascading StyleSheet yang mana css ini adalah sekumpulan kode-kode yang digunakan untuk mendisain tampilan website menjadi lebih manis dan enak dilihat oleh mata.

Semakin cantik dan elegen sebuah website tentu semakin banyak kode-kode yang digunakannya, sehingga kode-kode tersebut menjadi lebih besar ukuran filenya.Nah sekarang saya akan memberi cara untuk membuat website lebih cepat dengan mengompress berkas CSS tersebut. berikut caranya

Cara membuat Website lebih cepat dengan mengompress file CSS

1.Menghilangkan komentar pada CSS

Baris komentar pada CSS bisa ditandai dengan adanya simbol pembuka /* dan penutup */. Nah sebaiknya blok CSS yang berada dalam simbol itu dihapuskan pada website, karena setiap karakter itu mengandung 8bit.

2.Membuat CSS menjadi 1 baris

pengkodean dengan 1 baris adalah yang terbaik dalam membuat berkas CSS menjadi lebih ringan dan cepat. ada beberapa tool yang disediakan untuk membuat kode CSS menjadi 1 baris. Namun untuk membaca kode 1 baris sangatlah sulit dan susah, jadi kita harus mempunyai backup salinan kode sebelum dikompresi, agar bisa kita edit berkas tersebut dan kompres kembali menjadi 1 baris dengan tool tersebut. berikut tool untuk mengompresi kode CSS menjadi 1 baris : CSS Minify.

Berikut cara menggunakan tool CSS Minify

1.Salin kode CSS anda ke form yang telah disediakan seperti pada gambar, lalu klik tombol minify untuk memproses kode anda menjadi 1 baris

wikitapad_cara_kompress_file_CSS.JPG

2.Kode yang telah menjadi 1 baris akan muncul di form sebelah kanan, dan anda cukup klik copy untuk menyalin kode tersebut, kemudian anda paste kode tersebut ke berkas CSS anda

wikitapad_kompress_CSS_dengan_CSS_minifier.JPG

3.Selesai

Nah itulah cara membuat website menjadi lebih cepat dengan mengompress file CSS, semoga artikel ini bermanfaat. Terima kasih

Bagikan!!! Tulisan ini jika bermanfaat share artikel ke facebook share artikel ke twitter share artikel ke pinterest share artikel ke linkedin
    Belum ada komentar untuk artikel iniJadilah yang pertama mengomentari artikel ini
Pendidikan & Tutorial

Pendidikan & Tutorial

Web Develop

# css # kompres
Artikel Web Develop
Portal Berita
  1. Alasan Manis Cita Citata Ingin Bali Jadi Lokasi Pernikahannya dan Roy - Kompas.com - KOMPAS.com
  2. Hari Ini Jokowi Tentukan Skema Blokir IMEI HP, Hasilnya? - CNBC Indonesia
  3. Alasan Evander Holyfield Enggan Balas Mike Tyson yang Gigit Telinganya - Bolasport.com
  4. Panic Selling, Bursa Saham Asia Hancur-Hancuran - CNBC Indonesia
  5. Orang Jepang, China, dan Korea Sering Pakai Masker, Ternyata Ini Alasannya... - Kompas.com - KOMPAS.com
  6. Ini 15 Orang Terkaya di Indonesia Tahun 2020 - Kompas.com - KOMPAS.com
  7. Tantangan Jakarta-Yogyakarta PP Pakai Toyota Prius PHEV, Hanya Sekali Isi BBM - Kompas.com - Otomotif Kompas.com
  8. Apa Itu COVID-19? Corona atau COVID-19 sih? - kumparan.com - kumparan.com
  9. Dimulai 2015, Pusat Data Pemerintah Baru Akan Rampung 2023 - CNN Indonesia
  10. Lebih Ngeri dari Corona, Kasus DBD di Indonesia Sebabkan Banyak Korban - Indozone.id
  11. Perkuat Inter Miami, David Beckham Bakal Bajak 2 Pemain Madrid dan 1 Pemain Barcelona - Bolasport.com
  12. Awas! Ilmuwan Sebut Ada 6 Jenis Corona Baru di Kelelawar - CNBC Indonesia
  13. Ini Artis Indonesia Pertama yang Suspect Corona - InsertLive
  14. Wow! Harga Emas Hampir Rp 900.000/Gram - Detikcom
  15. Saat Hendak Cerai, Faisal Harris Tak Malu Minta Jatah Sampai Sarita Abdul Mukti Berikan Jawaban Menohok - Hype
  16. LAPAN Sebut Jelang Lebaran Ada Asteroid yang Dekati Bumi - PRFM News - Pikiran Rakyat
  17. Polisi Selidiki Alat Rapid Test Covid-19 yang Dijual Online - Kompas.com - KOMPAS.com
  18. Kalahkan Barcelona dan Madrid, Liverpool Kini Paling Bernilai di Eropa - detikSport
  19. 6 Zodiak yang Pandai Mencari Perhatian Menurut Astrologi - Fimela.com
  20. Ada Masalah Privasi, Apakah Masih Aman Pakai Zoom untuk Video Conference? - kumparan.com - kumparan.com