Menghapus white-space atau spasi pada kode css - html - javascipt

Ngak tau apakah efeknya banyak atau tidak, tapi white space atau area spasi pada css dan html katanya mempengaruhi kecepatan loading sebuah situs.

Menghapus space dan area kosong, atau white space pada kode html dan css, contoh nya seperti ini;
Bila biasa di susun perbaris;-

.header{height:200px;width:100%;float:left;)
.navbar{}
.footer{}

Ini semua di rapatkan, sampai hampir ngak ada jaraknya dari satu item ke item lain;

.header{height:200px;width:100%;float:left;}.navbar{}.footer{}

Bila html biasanya begini;

 <header class="header">
</header>
<nav class="navbar">
</nav>
<footer class="footer">
</footer>

Jadi begini;

<header class="header"></header><nav class="navbar"></nav><footer class="footer"></footer>

Nantinya, semua kode css dan html kumpul jadi satu seperti satu - beberapa baris. Banyak situs raksasa dan weblog menghilangkan area putih pada kode.

Sepertinya bukan untuk menjaga kodenya supaya susah di baca/membingungkan orang di view source, tetapi memang demi tujuan kecepatan loading situs.

Sebab meski dibikin rapat-rapat sampai susah dibaca, ada line wrap dibrowser yang bila di centang akan membagi kode yang tadinya gabung, jadi bari lebih ringkas.

Mouse yang lancar sangat berpengaruh untuk mempermudah penghapusan white space kode web ini;

Tentang Author

St

Dikirim pada -23 Okt 2023
" Selamat datang, selamat membaca dan selamat berseluncur "

San Tuy

Share ke

Lainnya oleh Santuy :