Setting CDN W3 Total Chace di Cpanel Hosting rumahweb.com

by on 2011/04/07. Updated 2012/10/03 · 19 comments

Gambar CDNDengan asumsi bahwa anda sudah mengenal arti dan paham tentang CDN ( Content Delivery Network ), melalui Artikel ini akan saya share-kan pengalaman cara membuat CDN di Cpanel Hosting rumahweb.com ( Apache Server ) atau bisa share hosting lain yang sejenis, setelah itu konfigurasi atau cara setting cdn 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’.

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

Gambar Create Subdomain di Cpanel

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’.

Gambar Menghapus A Record CNAME di Cpanel

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

Add CNAME Record di Cpanel

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. Untuk cara setting cdn 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’.

Setting CDN di W3 Total Chace WordPress

8. Kembali pada Menu ‘Performance’ > ‘CDN’ > ‘Configuration’ dan atur konfigurasinya sebagai berikut :

CDN Configuration

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 :

Letak Skrip Cookie Domain

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/blog 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 Admin WordPress memakai Mozilla browser, bukalah situs anda memakai browser Internet Explorer-IE atau browser lain , kemudian klik ‘View’ > ‘Source’ dan scrol ke bawah, jika tidak terjadi error setidaknya ada info seperti gambar berikut berarti Cara Setting CDN Self-hosted W3 Total Chace WordPress Self-hosting anda sudah berhasil!

Info Footer W3 Total Chace

15. Lengkapi dengan 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 Tutorial ini berguna.

Sumber :

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

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

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

Review www.dotcomcell.com on alexa.com

5 / 5 stars     

Artikel ini ditulis oleh Mazdodot

Yang telah menulis 105 Artikel dalam Blog Kumpulan Artikel.

Nama aslinya Ade Setijo K, pemilik resmi situs dotcomcell.com, melalui blog ini mencoba berbagi ilmu dan pengalaman tentang Desain Web, Handphone, Komputer, Android, Multimedia, Tips Trik, Wordpress...read more >>

{ 19 comments… read them below or add one }

Leave a Comment

Previous post:

Next post: