Mengoptimalisasi Css Yang Dipakai Pada Blog
Thursday, May 24, 2018
Add Comment
Salah satu upaya yang harus kita lakukan dari 6 Langkah Mempercepat Loading Blog ialah dengan cara Mengoptimalisasi CSS Yang Digunakan Pada Blog.
Apa itu CSS?
CSS merupakan akronim dari Cascading Style Sheets. CSS akan mempunyai kegunaan dalam mempermudah search engine mengakses gosip dalam blog kita. Bagaimana caranya? Caranya ialah dengan mengijinkan browser tersebut untuk sanggup mengakses data yang kita miliki dalam blog secara langsung, memindahkan hal yang diperlukan untuk sanggup mengakses gosip setiap kali halaman blog dimuat.
Bagaimana optimalisasi CSS yang sanggup kita lakukan?
1. Memecah dan menggabungkan instruksi HTML secara agregat.
Misalnya ialah instruksi HTML berikut,
Seharusnya dapat kita ubah menjadi,
Misalnya lagi ialah instruksi HTML berikut,
Seharusnya kita ubah dan gunakan menjadi menyerupai berikut,
2. Menggunakan CSS Optimizer Tool.
Selain memakai cara manual menyerupai di atas, kita juga sanggup memakai proteksi CSS Optimizer Tool untuk mempermudah pekerjaan kita. Dengan tool ini kita akan lebih simpel dalam menghapus whitespace yang tidak berguna, menggabungkan instruksi HTML yang sama, menghapus properti yang tidak berguna, dsb. Salah satu CSS Optimizer Tool yang sanggup kita gunakan yaitu Clean CSS.
Bagaimana kawan?
Cukup gampang dipahami bukan?
Jika ada yang masih ingin ditanyakan silakan disampaikan lewat kotak komentar ya.
Salam blogger!
Apa itu CSS?
CSS merupakan akronim dari Cascading Style Sheets. CSS akan mempunyai kegunaan dalam mempermudah search engine mengakses gosip dalam blog kita. Bagaimana caranya? Caranya ialah dengan mengijinkan browser tersebut untuk sanggup mengakses data yang kita miliki dalam blog secara langsung, memindahkan hal yang diperlukan untuk sanggup mengakses gosip setiap kali halaman blog dimuat.
Bagaimana optimalisasi CSS yang sanggup kita lakukan?
1. Memecah dan menggabungkan instruksi HTML secara agregat.
Misalnya ialah instruksi HTML berikut,
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
Seharusnya dapat kita ubah menjadi,
margin: 10px 20px 10px 20px;
Misalnya lagi ialah instruksi HTML berikut,
<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>
Seharusnya kita ubah dan gunakan menjadi menyerupai berikut,
<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>
2. Menggunakan CSS Optimizer Tool.
Selain memakai cara manual menyerupai di atas, kita juga sanggup memakai proteksi CSS Optimizer Tool untuk mempermudah pekerjaan kita. Dengan tool ini kita akan lebih simpel dalam menghapus whitespace yang tidak berguna, menggabungkan instruksi HTML yang sama, menghapus properti yang tidak berguna, dsb. Salah satu CSS Optimizer Tool yang sanggup kita gunakan yaitu Clean CSS.
Bagaimana kawan?
Cukup gampang dipahami bukan?
Jika ada yang masih ingin ditanyakan silakan disampaikan lewat kotak komentar ya.
Salam blogger!
0 Response to "Mengoptimalisasi Css Yang Dipakai Pada Blog"
Post a Comment
Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
Klik subscribe by email agar Anda segera tahu balasan komentar Anda