Setting CDN W3 Total Chace di Cpanel Hosting rumahweb.

com

Dengan asumsi bahwa anda sudah mengenal arti dan paham tentang CDN ( Content
Delivery Network ), langsung saja akan saya share-kan pengalaman cara membuat CDN
di Cpanel Hosting rumahweb.com ( Apache Server ) atau bisa share hosting lain yang
sejenis, setelah itu men-setting konfigurasi-nya dalam Plugin W3 Total Chace di
Dashboard Admin Wordpress Self-hosting. Langkah selengkapnya sebagai berikut :

1. Masuk di Cpanel Hosting rumahweb.com, pada Menu ‘Domains’ klik submenu

‘Subdomains’.

2. Beri nama Subdomain anda misal ‘cdn’ , otomatis pada ‘Document Root’
menjadi ‘public_html/cdn’ , kemudian anda klik radio button/tombol ‘Create’.

3. Kembali ke Home Cpanel atau Menu ‘Domains’ , klik submenu ‘Simple DNS
Zone Editor’ > klik ‘Delete’ untuk menghapus subdomain yang masih ber’type’
A Record yang telah dibuat dari daftar ‘User-Defined Records’.

4. Buat CNAME Record pada subdomain yang telah dihapus/di ‘Delete’

sebelumnya dengan memasukkan nama subdomain, misalnya :
www.cdn.dotcomcell.com dan pada kolom/field CNAME masukkan nama
domain utama misalnya : dotcomcell.com
 Hasil struktur path dari subdomain yang telah dibuat akan seperti ini :
/public_html/cdn

5. Pastikan dahulu Wordpress core anda letakkan di root directory hosting atau di
subdirectory. Kebetulan Blog Wordpress saya ‘kumpulan-artikel’ ada di
subdirectory dan bukan di root (URL-nya > http://dotcomcell.com/kumpulan-
artikel/) , maka via Plugin W3 Total Chace secara otomatis nantinya lokasi/path
untuk upload wp-includes dan wp-content beserta isinya akan diletakkan di :
/public_html/cdn/kumpulan-artikel .
6. Di folder subdomain yang sudah jadi tersebut buatlah melalui Notepad Windows
,file dengan nama index.php isi file terserah anda. Setelah itu buat juga file
.htacces yang kode skrip-nya sebagai berikut :

#RewriteCond %{HTTP_HOST} ^cdn.dotcomcell.com$ [OR]

# cookieless domain for images and stuff
RewriteBase /
RewriteCond %{HTTP_HOST} ^cdn\.dotcomcell\.com/kumpulan-artikel [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ http://dotcomcell.com/kumpulan-artikel$1 [R=301,L]

<IfModule mod_headers.c>
<FilesMatch "\\.(js|css|jpg|png|jpeg|gif)$">
RequestHeader unset Cookie
Header unset Set-Cookie
Header unset ETag
FileETag None
</FilesMatch>
</IfModule>
# disable directory browsing
Options All –Indexes

Keterangan : Ganti text yang berwarna oranye dengan subdomain/domain anda,

dan sesuaikan dengan letak di mana blog wordpress anda berada. Simpan kedua
file tersebut dan jangan di-upload dahulu sebelum kita selesai melakukan
konfigurasi CDN di Plugin W3 TOTAL CHACE.

7. Buka Dasboard Admin Wordpress Self-Hosting anda dan langsung menuju Menu
‘Performance’>‘General Setting’ W3 Total Chace. Enable opsi CDN dan pilih
‘Self-Hosted/File Transfer Protocol Upload’ di submenu ‘Content Delivery
Network’, kemudian simpan perubahan dengan tombol ‘Save change’.
8. Kembali pada Menu ‘Performance’ > ‘CDN’ > ‘Configuration’ dan atur
konfigurasinya sebagai berikut :
 Setelah melengkapi semua field di opsi konfigurasi, silahkan melakukan test
koneksi antara Setting CDN – W3 Total Chace ini dengan ftp server hosting (
tentunya dengan subdomain baru anda ) melalui klik ‘Test FTP server’. Test
koneksi betul jika berwarna hijau ( Test passed ), berwarna merah bila ada yang
salah ( Error:…?.., coba lihat apa kesalahannya ). Bila sudah betul/hijau simpan
perubahan dengan ‘Save change’.

9. Kembali pada Menu ‘Performance’ > ‘CDN’ > ‘General’ dan atur
konfigurasinya dengan mencentang semua opsi yaitu : Host wp-includes/ files ;
Host theme files ; Host minified CSS and JS files ; Host custom files ; Force over-
writing of existing files ; Import external media library attachments , sekalian
langsung upload file-file yang diperlukan dengan klik tombol di sebelah kanan
tiap opsi dan setelah semua file ter-upload, jangan lupa menyimpan perubahan
dengan ‘Save change’.

10. Upload file index.php dan .htacces yang telah dibuat pada langkah ke-6 ke server
hosting anda melalui Filezilla atau Core FTP .
11. Download Edit wp-config.php anda lewat Filezilla dan edit di Notepad Windows.
Tambahkan potongan kode skrip :

define(‘COOKIE_DOMAIN’, ‘www.situs-anda.com’); , seperti gambar berikut :

12. Masuk ke akun Google dan Nonaktifkan/disable Google Analytics pengaturan
cookie untuk subdomain baru anda, untuk itu kode skrip pelacakan – snippet -
Tracking Code Google Analytics harus sedikit diubah seperti berikut :

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-10224692-2']);
_gaq.push(['_setDomainName', ' www.dotcomcell.com ']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-
analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

Keterangan : Ganti text yang berwarna orange dengan kode akun Google
Analytics dan situs MILIK anda atau bisa pelajari lebih banyak di
gaConceptsCookies .

13. Setelah semua setting ( terutama pada konfigurasi CDN ) selesai, ada
kemungkinan harus kembali ke ‘Performance’ > ‘General Settings’ klik
‘deploy’ , terus akan terlihat ‘Preview settings succesfully deployed’ >
‘Disable’ > ‘Save changes’ , kemudian keluar ‘Preview settings succesfully
disable’ , terakhir klik ‘Empty Page Cache’ dan ‘Empty Minify Cache’.
14. TEST! jika anda masih berada di lingkungan Dashboard AdminWordpress
memakai Mozilla browser, bukalah situs anda memakai browser Internet
Explorer-IE atau browser lain , kemudian klik ‘View’ > ‘Source’ dan scrol ke
bawah, setidaknya ada info seperti gambar berikut berarti Setting CDN Self-
hosted W3 Total Chace Wordpress Self-hosting anda sudah berhasil!

15. Masih ada error? Jangan kuatir anda bisa download Tutorial sekaligus file
backup setting konfigurasi W3 Total Chace terutama untuk pengaturan CDN-
Self-hosted. Silahkan di edit sendiri sesuai dengan situs atau domain anda!
 TUTORIAL SETTING CDN Self-Hosted W3 TOTAL CHACE
STABIL RELEASE

16. Install add-on Yslow-Yahoo atau Page Speed-Google dalam Firefox browser
untuk melihat hasil yang lebih akurat tentang informasi kinerja ( performance )
halaman web anda setelah mengaktifkan CDN.

Selesai…semoga berguna.

************************************************************************

Biografi Singkat :

Panggilan-ku mazdodot nama benernya Ade Setijo K,

blogger newbie . Kesukaan mengumpulkan artikel-
artikel. Jaman sekolah dulu selalu mengeluh kalo
disuruh “merangkum’….mudah-mudahan sekarang
lebih bermanfaat bagi semua.

Situs : dotcomcell.com

Blog : Kumpulan Artikel

Sumber Pustaka Online :

strictlyonlinebiz.com | create-subdomain-cpanel , speed-up-wordpress-with-w3-total-

cache

ravelrumba.com | static-cookieless-domain > Serving Static Content from a Cookieless

Domain

code.google.com | asyncTracking

m-alwi.com | cara-membuat-cdn-dengan-subdomain

zemalf.com | w3-total-cache > Kung fu For Wordpress

wordpress.org | w3-total-chace > Forum Topic

wpbeginner.com | How to Install and Setup W3 Total Cache for Beginners