tingkatkan pagespeed score google pada cms wordpress

12
Tingkatkan PageSpeed Score Google Pada CMS WordPress http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 1 Tingkatkan PageSpeed Score Google Pada CMS WordPress Percepat loading halaman web & tingkatkan PageSpeed Score Google menggunakan Plugin W3 Total Cache pada CMS WordPress Iseng buka web Google Developers – PageSpeed Insights , ketikkan alamat url blog & voila!!! Kecewa dengan hasilnya, ternyata page speed score dari google untuk blog linggih.com jauh dari yang diharapkan (cuma dapat score 65). jadi ada kerjaan lagi nih ane, target hari ini Tingkatkan PageSpeed Score Google . Awalnya hanya ingin meningkatkan PageScore saja, namun setelah searching ke beberapa sumber ternyata kecepatan akses web berpengaruh juga terhadap penentuan PageRank . Sebagai bagian penilaian google dalam menentukan PageRank selain dari keunikan konten, inbound link, namun sekarang google juga mempertimbangkan waktu loading web (Page Load Time) sebagai salah satu faktor penentu PageRank. Google berasumsi, website yang lambat (loading time-nya lama) memberikan pengalaman yang buruk (bad user experience) kepada visitor/pungunjung web. Itulah alasan mengapa web/blog dengan loading page lambat kurang diperhitungkan peningkatan PageRank-nya oleh google. Situs dengan loading web cepat (bagus) selain memberikan pengalaman baik kepada visitor, namun juga disukai oleh google dengan alasan dapat menurunkan biaya operasi yang dikeluarkan Google (bandwidth untuk crawling web → Optimal web → crawling cepat → bandwidth terpakai sedikit → biaya operasi rendah). Berikut kutipan artikel dari blog resmi Google terkait kecepatan akses web berpengaruh terhadap penentuan PageRank: "Speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we’ve seen in our internal studies that when a site responds slowly, visitors spend less time there. But faster sites don’t just improve user experience; recent data shows that improving site speed also reduces operating costs. Like us, our users place a lot of value in speed — that’s why we’ve decided to take site speed into account in our search rankings. We use a variety of sources to determine the speed of a site relative to other sites." Sumber: http://googlewebmastercentral.blogspot.com

Upload: linggih

Post on 23-Jul-2015

54 views

Category:

Documents


0 download

DESCRIPTION

Percepat loading halaman web & tingkatkan PageSpeed Score Google menggunakan Plugin W3 Total Cache pada CMS WordPress

TRANSCRIPT

Page 1: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 1

Tingkatkan PageSpeed Score Google Pada CMS WordPress

Percepat loading halaman web & tingkatkan PageSpeed Score Google menggunakan Plugin W3 Total Cache pada CMS

WordPress

Iseng buka web Google Developers – PageSpeed Insights, ketikkan alamat url blog & voila!!! Kecewa dengan

hasilnya, ternyata page speed score dari google untuk blog linggih.com jauh dari yang diharapkan (cuma dapat

score 65). jadi ada kerjaan lagi nih ane, target hari ini Tingkatkan PageSpeed Score Google.

Awalnya hanya ingin meningkatkan PageScore saja, namun setelah searching ke beberapa sumber ternyata

kecepatan akses web berpengaruh juga terhadap penentuan PageRank. Sebagai bagian penilaian google

dalam menentukan PageRank selain dari keunikan konten, inbound link, namun sekarang google juga

mempertimbangkan waktu loading web (Page Load Time) sebagai salah satu faktor penentu PageRank.

Google berasumsi, website yang lambat (loading time-nya lama) memberikan pengalaman yang buruk (bad

user experience) kepada visitor/pungunjung web. Itulah alasan mengapa web/blog dengan loading page

lambat kurang diperhitungkan peningkatan PageRank-nya oleh google.

Situs dengan loading web cepat (bagus) selain memberikan pengalaman baik kepada visitor, namun juga

disukai oleh google dengan alasan dapat menurunkan biaya operasi yang dikeluarkan Google (bandwidth

untuk crawling web → Optimal web → crawling cepat → bandwidth terpakai sedikit → biaya operasi rendah).

Berikut kutipan artikel dari blog resmi Google terkait kecepatan akses web berpengaruh terhadap penentuan

PageRank:

"Speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create

happy users and we’ve seen in our internal studies that when a site responds slowly, visitors spend less time

there. But faster sites don’t just improve user experience; recent data shows that improving site speed also

reduces operating costs. Like us, our users place a lot of value in speed — that’s why we’ve decided to take site

speed into account in our search rankings. We use a variety of sources to determine the speed of a site relative

to other sites."

Sumber: http://googlewebmastercentral.blogspot.com

Page 2: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 2

Namun apakah peningkatan maupun penurunan PageSpeed Score Google berbanding lurus dengan

peningkatan maupun penurunan waktu loading (loading time) web? Menurut pendapat pribadi saya, tentu

saja berpengaruh. Jika tidak yakin, silahkan test sendiri dengan cara berikut:

1. Buka dahulu Google PageSpeed Insights, lihat PageSpeed Scorenya.

2. Buka website speed check, lihat hasilnya.

3. Lakukan ulang 2 langkah test di atas setelah melakukan tweak/perubahan

4. Bandingkan hasilnya

Kembali lagi ke topik artikel. Setelah saya terapkan tips tweak (percepat) loading halaman web pada artikel ini,

syukur Alhamdulillah PageScore Speed Google situs linggih.com meningkat dari 65 ke 88.

Jika berminat, untuk mulai tweak berikut stepnya:

Catatan:

Sebelum apply, harap dicatat; tweak ini hanya berlaku untuk account shared hosting. Untuk VPS/DS sesuaikan

Page Cache, Minify, Database & Object Cache (jika ingin pakai) dengan Cache Accelerator masing-masing

server.

Pertama, test Score PageSpeed web/blog yang ingin ditweak pada halaman ini dan lihat hasil scorenya. Jika

dibawah 80, umumnya web/blog tidak terlalu susah dioptimalkan. Klik pada masing-masing

rekomendasi/saran (High priority, Low priority & Experimental rules) pada panel sebelah kiri.

Page 3: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 3

Jika mampu tweak menggunakan cara manual, silahkan lakukan. Namun jika tidak (pakai cara yang lebih

simpel), berikut panduan mempercepat loading halaman web menggunakan plugin WordPress W3 Total

Cache. Download, install & aktifkan plugin W3 Total Cache.

Download WordPress Plugin W3 Total Cache

Konfigurasi Setup W3 Total Cache:

General Setting

Setelah plugin terinstall & diaktifkan, klik General Settings.

Page 4: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 4

General Setting → Page Cache

1. Page Cache: » centang Enable

2. Page Cache Method: » Pilih Disk: Enchanced. Untuk pengguna VPS atau DS, sesuaikan cache acceleratornya

sesuai dengan yang terinstall pada server.

General Setting → Minify

1. Minify: Centang Enable

2. Minifi mode: Pilih Manual

3. Minify Cache Method: pilih Disk → VPS/DS, sesuaikan dengan Cache Accelerator server.

4. HTML Minifier: Pilih Default

5. JS Minifier: Pilih JSMin (default)

6. CSS minifier: Pilih Default

Page 5: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 5

Database Cache & Object Cache, kosongkan (jangan diaktifkan).

Page 6: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 6

General Setting → Browser Cache

1. Browser Cache: Centang Enable

General Setting → CDN

CDN, lewatkan. Silahkan aktifkan jika punya account CDN

Point lainnya biarkan pakai setting default. Klik tombol Save all settings

Page Cache

Page Cache – General

1. Centang Cache home page

2. Centang Cache feeds: site, categories, tags, comments

3. Disable opsi yang lainnya (jangan dicentang)

Page 7: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 7

Page Cache – Advanced → biarkan pakai setting default.

Page Cache – Cache Preload

1. Centang Automatically prime the page cache

2. Update interval: Isikan dengan nilai 900

3. Pages per interval: Isikan 7

4. Sitemap URL: Isikan alamat xml sitemap

Page 8: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 8

Klik tombol Save all settings

Minify

Minify – JS

1. JS minify settings: Centang Enable, Preserved comment removal & Line break removal

2. JS file management: pilih theme yang dipakai

3. Tambahkan script dengan klik pada tombol Add a script, kemudian ketikkan alamat url file Script. Untuk lihat file

script mana saja yang harus di minify, lihat pada PageSpeed Score Google klik pada suggestion (saran) Minify

JavaScript. Kemudian Copy link script URL & pastekan pada text field File URI: Lebih jelasnya, lihat pada gambar

di bawah.

Page 9: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 9

Minify – CSS

1. CSS minify settings: Centang Enable, Preserved comment removal, Line break removal

2. @import handling: Pilih Process

3. CSS file management: pilih theme yang aktif

4. Tambahkan file CSS dengan klik pada tombol Add a style sheet, kemudian isikan dengan alamat URL CSS.

Langkah copy paste sama dengan Minify – JS di atas.

Point lainnya biarkan pakai setting default. Klik Save all settings

Browser Cache

Browser Cache – General

1. Centang Set Expires header, Set cache control header, Set W3 Total Cache header & Enable HTTP (gzip)

compression

Page 10: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 10

Browser Cache – CSS & JS

1. Centang Set expires header

2. Expires header lifetime: isikan dengan < class="code">604800

3. Centang Set cache control header

4. Cache Control policy: Pilih cache with max-age ("e; max-age=EXPIRES_SECONDS…

5. Centang Set W3 Total Cache header

6. Centang Enable HTTP (gzip) compression

Page 11: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 11

Browser Cache – HTML & XML

1. Centang Set expires header

2. Expire header lifetime: isikan 3600

3. Centang Set cache control header

4. Cache Control policy: pilih cache with max-age…. → lihat screenshot gambar

5. Centang Set W3 Total Cache header

6. Centang Enable HTTP (gzip) compression

Browser Cache – Media & Other Files

1. Centang Set expires header

2. Expires header lifetime: isikan 604800

3. Centang Set cache control header

4. Cache Control Policy: pilih cache with max-age… → Lihat screenshot gambar

5. Centang Set W3 Total Cache header

6. Centang Enable HTTP (gzip) compression

Page 12: Tingkatkan PageSpeed Score Google Pada CMS WordPress

Tingkatkan PageSpeed Score Google Pada CMS WordPress

http://www.linggih.com | Tingkatkan PageSpeed Score Google Pada CMS WordPress 12

Klik Save all settings

Selesai. Jangan lupa setiap kali melakukan perubahan, klik pada tombol empty cache atau empty all caches

W3 Total Cache Tips:

Setiap melakukan perubahan setting selalu kosongkan cache (klik tombol empty cache) dan cek fungsionalitas

setiap komponen halaman web yang menggunakan file CSS atau JavaScript (form kontak, slider portofolio,

navigasi menu → jika meminta file .js, dlsb). Jika error, kemungkinan besar karena minify CSS atau JavaScript.

Jika trik W3 Total Cache di atas gagal atau hasilnya kurang memuaskan, optimalkan loading page halaman web

dengan cara manual. Misal:

1. Compress (perkecil) file gambar jika memungkinkan

2. Kombinasikan gambar berdimensi kecil menjadi satu file gambar (menggunakan CSS Sprite) jika memungkinkan

untuk mengurangi delay request.

3. Gabungkan beberapa file CSS menjadi satu file CSS

4. Compress file JavaScript dengan cara encrypt

5. dlsb. Lihat juga tips mempercepat loading halaman web pada halaman ini.

Article Source:

http://linggih.com/tingkatkan-pagespeed-google-pada-cms-wordpress/