Cari Blog Ini

Bila anda kebingungan mencari LINK Downloadnya, tinggal klik aja "Baca Selengkapnya"...OK sob

Jumat, 01 Februari 2013

Cara Kompres CSS dan Mempercepat Loading Blog

Pemikiran admin pada awalnya, dengan menganti template akan membuat loading blogs menjadi cepat, ternyata sama saja.

Coba dan terus coba mengurangi widget yang ada, namun cuma sedikit perubahan yang terjadi. Akhirnya coba cari deh ke om google, ketemu situs yang ngasih tips mempercepat loading blogs disini. Tipsnya langsung dicoba, tapi sebelumnya tech id baca-baca dulu. Ternyata penyebab selama ini tech id gonta ganti template cuma karena masalah CSS.

Saya sendiri tidak begitu mengerti yang namanya CSS, jadi langsung aja diperaktekin tuh cara buat mempercepat loading blogs. All hasil loading terasa cepat, bayangkan aja file dengan bobot 28ribuan dicompress jadi 8ribuan, sekitar 29% sisanya, berarti sekitar 71% CSS nya dicompress. Menakjubkan bukan?

Penasaran ingin mencobanya?
Ayo dech kita langsung peraktekin aja tuh tipsnya.

Pertama cari code CSS pada blogs Anda, biasanya ada diantara <b:skin><![CDATA[ disini CSSnya ]]></b:skin>.

Kira-kira dicopy aja tuh semua code script dari <b:skin><![CDATA[ sampel code script ]]></b:skin>. pokonya begitu deh, dicopy semua.

Kalo udah dicopy CSSnya simpan dulu deh di notepad ato apa deh terserah Anda. ini sih cuma buat jaga-jaga aja kalo-kalo terjadi error. Tapi saya coba gak ada errornya tuh.

Nah langsung aja deh survey ke situsnya atau yang udah kepilih Advanced mode.
Kalo udah sampe kesitusnya: copy in aja tuh code CSS blog Anda di kotak yang gede banget tepatnya di Your CSS code:

Udah di paste belum CSSnya ke kotak yang gede itu? loh kok bengong?
Setelah di paste di kotak tadi, langsung aja tuh klik Compress-it. Kalo udah di klik dia bakalan compress sendiri tuh CSS blog Anda. Selanjutnya dia kasih kita penjelasan berapa aja tuh yang udah ke Compress.
Kalo udah, dicopy lagi CSS yang udah dicompress dan pastekan di blog Anda. Masih inget kan cara menenpatkannya?

Kalo lupa saya ingatkan lagi deh. Paste aja tuh code CSS dari http://www.cssdrive.com/index.php/main/csscompressoradvanced/ di antara code <b:skin><![CDATA[ disini nieh pastenya ]]></b:skin>.

Eng ing eng.... apakah yang terjadi?

Buka aja blogs Anda dan rasakan perubahan yang terjadi. Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar