Oleh Ezil Dilihat : 62 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
Ilmu & Tutorial

Ilmu & Tutorial

CSS

# css # kompres
Artikel Ilmu & Tutorial
Portal Berita
  1. Ilmuwan Gunakan Selembar Kertas untuk Temukan Corona dalam Air Limbah - Kompas.com - KOMPAS.com
  2. Konser Favorit Lo Batal Karena Social Distancing? Tenang, Ada Festival Musik Online yang Bakal Bikin Lo Dek... - Hai
  3. Aktris Senior Mila Karmila Meninggal Dunia - kumparan.com - kumparan.com
  4. Hari Ini, BUMN Datangkan Alat yang Bisa Tes Corona 1.400 Per Hari - Kompas.com - KOMPAS.com
  5. Alasan Mulia Baim Wong Rela Beli Mobil Klasik Raffi Ahmad Seharga Rp 1 Miliar - kumparan.com - kumparan.com
  6. Pique ke Vinicius: Gila Lu? - detikSport
  7. Desain Earphone Apple Powerbeats 4 Terungkap di Situs FCC - Indozone.id
  8. Sehari 518 Pasien Virus Corona Meninggal di AS, Total Kematian 2.409 Orang - detikNews
  9. Situs Corona Pemprov DKI ala Anies Kembali Sulit Diakses - CNN Indonesia
  10. Waspada Demam Tanda Corona, Berapa Suhu Tubuh Normal Manusia? - VIVA - VIVA.co.id
  11. Alat Tes Corona yang Dikembangkan Inggris dapat Terhubung dengan Smartphone - Indozone.id
  12. Sony tunda perilisan game "The Last of Us Part 2" - aceh.antaranews.com
  13. Jadi Mualaf Tanpa Beri Tahu Keluarga Sampai Harus Salat Diam-diam, Artis Sinetron Ini Tuai Hasil Ikhtiarnya... - Grid.ID
  14. Ngeri! Bisa Sebabkan Gangguan Sel Otak, 4 Bahaya Kebiasaan Sepele Tidur Dekat dengan Ponsel - Hype
  15. Kenapa Suzuki Jimny Bekas Harganya Mahal? - Kompas.com - KOMPAS.com
  16. Catat! Ini Jadwal Peluncuran Redmi Note 9 - detikInet
  17. Ahli China: Pasien Covid-19 yang Sudah Sembuh Bisa Terinfeksi Lagi - Kompas.com - KOMPAS.com
  18. FOTO: Tempat Wisata di Jakarta Sepi 'Terinfeksi' Corona - CNN Indonesia
  19. [FULL] 1 Pasien Terduga Corona Meninggal, Ini Keterangan Lengkapnya - Kompas TV
  20. IHSG Anjlok 26 Persen per 3 April, Bagaimana di Dunia? - Bisnis.com