4 Cara Sederhana Mempercepat Tampilan Blog

Buat agan pengelola blog yang sangat diinginkan adalah loading blog yang cepat, tapi bagaimana pembaca bisa betah berlama-lama di blog anda meskipun kumpulan, artikelnya bagus tapi waktu tampilnya sangat lama sekali. Jangan lupa setelah selesai install blog wordpress

Sangat di sayangkan sekali, jika ini di biarkan terus menerus tanpa anda optimasi template blog anda karena lambat, bukan hanya pembaca tapi juga search engine akan males berkunjung ke blog anda. Lho, kok bisa?

Karena robot crawler menelusuri setiap link posting setiap saat, karena lambat belum tuntas menelusuri keburu kabur duluan

Blog anda ingin di sayang pembaca dan bot search engine, MAU? Ikuti langkah

1. Selalu up to date

Artinya setiap ada perkembangan yang terbaru harus anda ikuti, karena setiap saat developer software yang berbasis wordpress selalu membenahi kesalahan bug. Tapi perlu anda perhatikan juga apakah release terbaru cocok untuk aplikasi sekarang. Itu perlu anda perhatikan juga, meskipun terbaru terkadang ada yang tidak cocok. Istilahnya “CRASH”
2. Disable atau delete plugin tidak terpakai

Masalah ini tanpa di sadari, kerap membikin lambatnya blog kesayangan. Perhatikan plugin mana yang tidak terpakai segera disable atau di hapus saja. Gunakan saja plugins yang benar-benar penting.

3. Rapikan kode script
* Bersihkan spasi kosong
* Buat eksternal skrip
* Gunakan Shorthand CSS

Ini cara lanjutan buat anda yang sudah paham bahasa pemograman, tapi g apa-apa bagi anda yang masih pemula bisa lakukan petunjuk saya di sini.

Coba anda buka lembaran skrip kode web/ blog anda, benahi di bagian-bagian file penting yang sering dibuka oleh web browser semacam Mozilla, Opera, IE Chrome, Safari atau yang lainya.
Misal,

Code:

kode sebelum di benahi

      .test {
      font-family: Georgia, Times, serif;
      font-size: 12px;
      color: #000000;
      }
      Kode setelah di benahi

      .test {font-family: Georgia, serif; font-size: 12px; color: #000000;}

Jika terpaksa menggunakan JavaScript jangan pasang langsung skrip di halaman index tapi buatlah link yang mengarahkan ke halaman lain
Misal,

Code:

 <script type=”text/javascript” src=”example.js”></script>

CSS (Cascading Style Sheet) sangat dikenal handal cepat, karena CSS sekarang lebih popular ketimbang bahasa HTML, saya sekarang lagi memperdalam bahasa CSS ini, HTML sekarang sudah mulai di tinggalkan untuk web aplikasi yang komplit. Tetapi HTML tetap di gunakan untuk web statis dan sederhana saja.
Misal, kode sebelum di rapikan

Code:

 .test {margin-top: 7px; margin-right: 1px; margin-bottom: 5px; margin-left: 3px;}

      Setelah di rapikan

      .test {margin: 7px 1px 5px 3px;}

4. Minimaliskan PHP dan database queries

Ini yang paling penting. Karena skrip kode template pada umumnya kode php kemudian web browser membacanya yang akan diterjemahkan ke bahasa HTML. Ada cara untuk mempercepat lagi web browser semakin ringan kerjanya, yaitu mengganti kode PHP bisa diganti langsung kode HTML.
Misalnya, sebelum dirubah kode PHP

Code:

<title><?php bloginfo(’name’); ?><?php bloginfo(‘description’); ?></title>

<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />

<meta content=”WordPress <?php bloginfo(‘version’); ?>” />

<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” media=”screen” />

<link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0″ href=”<?php bloginfo(‘rss2_url’); ?>” />

<script src=”<?php bloginfo(‘template_url’); ?>/mootools.js”></script>

Setelah dirubah kode HTML

<title>WPCandy – The Best of WordPress</title>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8” />

<meta content=”WordPress 2.3” />

<link rel=”stylesheet” href=”http://wpcandy.com/wp-content/themes/wpcandy/files/style.css” media=”screen” />

<link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0″ href=”http://feeds.feedburner.com/wpcandy” />

<script type=”text/javascript” src=”http://wpcandy.com/wp-content/themes/wpcandy/files/mootools.js“></script>

Sukses, semoga lebih ringan blog anda, jika ada keluhan sharing di sini ya. sumber dari blog ane

Code:

_http://www.topsitus.com/4-cara-sederhana-mempercepat-tampilan-blog

 

kalo gak salah ada tools buat merapikan kode CSS ,ane lupa dpt dmn itu...
tapi setelah dirapikan ruwet jg kalo kita baca kembali (misalnya mau di edit) ,tp emang kelihatan peningkatan kecepatannya..

 

nice inpoh lah gan

 

yang punya usulan lagi dipersilahkan ..bro n sist

 

keren dah pokoknya ??? perlu d terapkan nih !!!

 

tanks gan

 

makasih gan infonya..!

 

tambahin gan, pake CDN ( content delivery network ) kaya cloudflare bisa mempercepat juga, tapi gak tau ada efeksamping lain atau tidak.

 

CSS Compresor yah gan maksud nya?
nih ada disini:

_http://htmlcompressor.com/compressor.html_
_http://www.csscompressor.com/_

Moga bermanfaat,...

 

mantap gan share nya, itu yang no 3 sama 4 udah agak advance nih buat newbie, hehe

 

Sedikit info tambahan gan,

Untuk poin no 2: delete plugin yg ga terpakai.

Sebenernya ini ga akan meningkatkan loading, paling di admin panel pas buka halaman plugin, soalnya plugin yg ga aktif tidak di load oleh wordpress. Jadi di halaman lain bisa dibilang efeknya tidak ada atau minimal. Tapi saya setuju, kalo plugin yg ga diipake di delete aja, menuh2in dan juga biar rapi.

Untuk poin no 4: ubah php jadi plain text.

Ini juga tidak akan meningkatkan load sama sekali, karena info di wordpress, seperti blog info, template dan stylesheet path, rss url, dll, sifatnya autoload. Dan dipakai atau tidak dipakai sama saja. Karena tetap akan di load oleh wordpress (bukan di load by request).
Kalo mau optimize query dan php, dan kalau ada custom query/list post dll, jangan pake langsung ke database, tapi pake fungsi2 yg ada di wordpress, seperti wp query dan bisa di hook ke wp_cache (butuh plugin caching) atau wordpress transient api (fast temporary cache/ caching di ram)

Semoga bisa membantu, kalau butuh info tambahan, saya akan tambahkan.

 

mantap sharingnya, tak coba ah biar kenceng

 

maaf neh gan anne cob acokpres kompress..kon selalu ada pesan "Invalid property in CSS2" bearti gak bisa di kompres ya???

 

di bookmar dolo buat blog ane yang lelet akan css + js thanks mastah

 

siiiiiiiiiiiiipppppppppp mas

 

Mantap sharingnya, cuma beberapa tidak sederhana
butuh pemahaman tentang php, css, dll.. tapi ntar coba cari tutorialnya nih...

soalnya selama ini cuma ngandalin template yang tidak ngandung image plus compress image sebisa mungkin..

 

Cara ini hardcode kalau ente mau masukin theme yang udah ente modifikasi ke situs ente yang lain ente kudu ngedit lagi dn gak otomatis parsing ke situs ente yang lain begitu js, better code better cache kira2 begitu gan... Ente mengikuti cara WP maka cache ente lebih baik... Untuk JS dan css gunakan enqueue scriptnya WP... Insyallah lebih cepet gak tau deh yang lain... Satu lagi taruh file JS di footer... Gunakan tool minify js dan css kan banyak di internet...

Maaf ane cuman newbie barang kali salah maaf mastah...

 

klu untuk blogspot ada tips mastah..

trims

 

punya ane slalu di up date tpi masih lemot... gimana gan?

 

Coba aja buka di localhost mastah, nyalain tuh wp_debug...