Cara Mempercepat Loading Blog WordPress (Minimize SQL Queries)
Cara mempercepat loading blog WordPress sebagian sudah saya sharing, baik dengan menggunakan metode kompressi maupun menggunakan plugin. Kali ini saya akan sharing cara mempercepat loading blog wordpress dengan meminimalkan permintaan queri ke database. Seperti kita ketahui WordPress adalah mesin blog yang dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL, sehingga setiap kali blog diakses maka akan terjadi permintaan queri ke database terlebih dahulu sebelum sebuah postingan atau yang lainnya ditampilkan ke pembaca. Semakin banyak permintaan queri ke database maka akan semakin lama waktu loading yang dibutuhkan.
Supaya loading blog menjadi lebih cepat, maka kita harus meminimalkan permintaan queri ke database (membuatnya menjadi static dalam waktu tertentu dalam bentuk cache), caranya bisa menggunakan plugin DB Cache Reloaded, W3 Total Cache, WP Widget Cache atau yang lainnya.
Walaupun mungkin sudah ada yang menggunakan plugin tersebut, kita masih bisa mengoptimalkannya lagi. Seperti kita ketahui sebenarnya ada beberapa permintaan queri yang bisa kita pangkas atau membuatnya menjadi static untuk selamanya (sesuai kebutuhan), seperti nama blog dan tagline atau diskripsi blog, carshet Content-Type blog, language_attributes, url feed blog, url xmlrpc, url file css, javascript dan lain-lain yang ada di file header.php yang ada di folder theme.
Binguuung, oke saya kasih contoh, untuk nama blog dan tagline kode akan ditulis seperti ini (tidak persis sama tergantung jenis themenya) :
<h1 id="title"><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div id="tagline"><?php bloginfo('description'); ?></div>kode tersebut biasanya ditempatkan di file header.php yang ada di folder theme atau file header.php yang ada di folder template (seperti theme inove), theme lain malah ada yg ditempatkan di file functions.php, intinya cari tag H1 ini biasanya digunakan untuk judul blog dan diskripsi/tagline.
Tag tersebut bisa kita buat menjadi static contohnya jadi seperti ini :
<h1 id="title"><a href="http://domainanda.com"/>Nama Blog Anda</a></h1> <div id="tagline">Diskripsi/Tagline Blog Anda</div>
Sesuaikan dengan url blog, nama blog dan diskripsi blog anda.
Untuk language_attributes, carshet Content-Type, url feed blog, url xmlrpc, url file css, javascript dan lain-lain biasanya kodenya tertulis seperti ini (dinamic ) :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes('xhtml'); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<link rel="alternate" type="application/rss+xml" title="<?php _e('RSS 2.0 - all posts'); ?>" href="<?php bloginfo( 'rss2_url' ); ?>" />
<link rel="alternate" type="application/rss+xml" title="<?php _e('RSS 2.0 - all comments'); ?>" href="<?php bloginfo('comments_rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<style type="text/css" media="screen">@import url( <?php bloginfo('stylesheet_url'); ?> );</style>
atau
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/stye.css" type="text/css" media="screen" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/javascript.js"></script>Dibuat static menjadi seperti di bawah ini (jangan lupa dibackup dulu code aslinya atau sekalian satu file utuh untuk berjaga-jaga ada kesalahan penulisan) atau bisa dicoba di server lokal :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0 - all posts" href="http://domainanda.com/feed" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0 - all comments" href="http://domainanda.com/comments/feed" /> <link rel="pingback" href="http://domainanda.com/xmlrpc.php" /> <style type="text/css" media="screen">@import url( http://domainanda.com/wp-content/themes/folderthemeanda/style.css);</style> atau <link rel="stylesheet" href="http://domainanda.com/wp-content/themes/folderthemeanda/style.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://domainanda.com/wp-content/themes/folderthemeanda/namafilejavascriptanda.js"></script>
Kode tersebut bisa dicek dengan melihat source code blog masing-masing silahkan disesuaikan. Untuk url feed juga bisa langsung diganti dengan url feedburner anda.
Selain di file header.php di bagian footer dan sidebar juga ada coding php yang sifatnya dinamic (queri sql ke database) seperti nama blog, url rss, Subscribe to RSS, email feed dan lain-lain. Bahkan beberapa plugin yang kita gunakan bisa kita buat static seperti url css, javascript dan lain-lain dan bisa dikombine jadi satu file, disamping mengurangi queri ke database juga untuk mengurangi http request. Kalaupun masih menggunakan plugin semisal DB Cache dan sejenisnya maka permintaan queri cachenya akan menjadi minimal, karena sebagian besar sudah kita buat jadi static, sehingga beban server juga makin berkurang.
Dengan metode ini saya bisa mengurangi/memangkas permintaan queri ke database kurang lebih ada 15 queri, termasuk queri yang berasal dari plugin.
mkasih pak alwi tutorial mempercepat loading blognya, bagus banget neeh untuk optimalisasi blog
Reply
oke deh ane coba ni tips nya…
Reply
alert(‘XSS BUG ditemukan euy!!!’)
Reply
thx for info.
tapi wordpress tetep aja berat mas… apalagi dr sisi client, tetep kerasa beratnya.
@atas ane :
BUG apa yg ditemukan ? wkwkwk.
Reply
kalo untuk blogspot gimana pak, kasih tutorial juga donk jangan wp aja terus
Reply
Kalo kita berada di cpanel, nyari yang kek beginian di bagian apa mas??
Reply
duh maaf salah ngetik alamat web.. maklum masih baru sih hehehe..
Reply
wah……terimah kasih mas. ini yang saya cari. blog ane berat banget krn theme
Reply
wah…tutor yang menarik pak,saya pengen tau kalau untuk blogspot bagaimana caranya pak.??mohon penjelasannya.
Reply
Salam kenal dari newbie
Reply