Meningkatkan Kecepatan Situs Anda: Optimalisasi CSS Anda

Cascading Style Sheets ( CSS ) membuat website jauh lebih efisien karena mereka memungkinkan browser untuk cache informasi Style yang terkait dari file css secara langsung, menghilangkan kebutuhan untuk membaca informasi bahwa setiap kali satu halaman dimuat. Bahkan jika Style Sheets secara alami lebih efisien daripada tabel HTML anda masih dapat mengoptimalkan kode CSS untuk membuat website anda lebih bersih dan lebih cepat.

Pertama-tama coba untuk temukan kode yang ada. Misalnya:

margin-top: 10px;

margin-right: 20px;

margin-bottom: 10px;

margin-left: 20px;

Seharusnya anda  menggunakan:

margin: 10px 20px 10px 20px;

Contoh lainnya :

<p class="decorated"> Sebuah paragraf teks dihiasi </ p>

<p class="decorated"> Kedua ayat </ p>

<p class="decorated"> Paragraf ketiga </ p>

<p class="decorated"> Forth paragraf </ p>

Seharusnya anda menggunakan:

<div class="decorated">

<p> paragraf teks dihiasi </ p>

<p> Kedua ayat </ p>

<p> Paragraf ketiga </ p>

<p> Forth paragraf </ p>

</ div>

Langkah kedua: anda juga dapat mencoba alat optimizer CSS seperti CleanCSS. Alat ini menggabungkan dan bersama - sama menyeleksi kode yang seharusnya digunakan, menghilangkan sifat berguna, hapus spasi dan sebagainya.

TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://tipsyourblog.blogspot.com/2013/06/meningkatkan-kecepatan-situs-anda_8696.html. Terima kasih sudah singgah membaca artikel ini.