Sekedar share salah satu tool yg saya baru tahu beberapa hari lalu Code: http://tools.pingdom.com/fpt/ Utk para master mungkin udah pada tahu Tapi utk yg ingin baca penjelasan, bisa lanjut Tool ini bisa mengecek berapa lama sebuah halaman di-generate dari proses browser request ke server, proses DNS lookup, sampai akhirnya browser menerima output dari server. Cara pakainya gampang, masukkin aja URL yg ingin dicek. Yang menarik adalah di tiap elemen yg dicek, ada detil proses mulai dari DNS lookup, connect, dll. Ini adalah keterangan warna menurut pingdom : pink - DNS - The web browser is looking up DNS information ungu - SSL - The web browser is performing a SSL handshake biru - Connect - The web browser is connecting to the server oranye - Send - The web browser is sending data to the server kuning - Wait - The web browser is waiting for data from the server hijau - Receive - The web browser is receiving data from the server Tiap warna memiliki arti yg berbeda, dan kalau sebuah warna lebih lama dari yg lain, kita bisa menganalisa di mana kesalahannya (kenapa bisa lama). warna pink (DNS) yg lama kemungkinan ada kesalahan dalam pengaturan DNS / server DNS yg dipakai lambat (TS belum pernah mengalami) warna ungu (SSL) yg lama kemungkinan ada kesalahan dalam pengaturan SSL (TS belum pernah mengalami) warna biru (Connect) yg lama kemungkinan ada kesalahan dalam pengaturan web server (apache / litespeed) / CPU load tinggi / resource server tidak cukup (TS pernah mengalami) warna oranye (Send) yg lama kemungkinan ada kesalahan dalam mengirim data ke server (mungkin kalau mengirim POST data ya ???) (TS belum pernah mengalami) warna kuning (Wait) yg lama kemungkinan ada kesalahan dalam koding (TS belum pernah mengalami) warna hijau (Receive) yg lama kemungkinan ada masalah dalam koneksi klien / tidak ada masalah sama sekali Contoh kasus : Dulu salah satu web TS pernah loadingnya super lama (15 detik) padahal TS hanya mengecek sebuah script php sederhana berisi 1 baris hello world & penggunaan CPU dan memory sangat rendah. saat dilihat di pingdom, ternyata yg paling lama (>12 detik) ada di proses biru (connect). Akhirnya TS utak atik configuration apache & ternyata ada setting yg blm optimal. Setelah dioptimalkan hasilnya langsung cepat Untuk warna kuning, salah satu cara untuk membuatnya lambat adalah dengan mengupload skrip berikut lalu dites di pingdom PHP: <?php echo 'A';// cetak A sleep(10);// tunggu 10 detik echo 'B';// cetak B ?> Silakan kalau yg lain punya pengalaman dgn warna2 di tools pingdom ini, bisa dishare supaya yg lain bisa baca
wah ane udah sring pke nih tools, ane biasanya mentok trus di 89 atau nggak 92. cuman persoalan loading berapa lama, ane rada bngung. coz ane coba di kompi ane yg koneksi iletnya lelet pernah dapet sampai 1 menit (hadeuhhh) tapi coba di warnet yg pke spidol cuman butuh sekitar 5-8 detik, bkin bngungs
sebenernya kita analisa satu2 elemennya gan, mana yg bikin lama (apa problem di DNS / web server / gimana). daripada hanya melihat skor aja... tapi kalo di warnet langsung cepet berarti kemungkinan koneksi klien yg lambat
ane jg baru tau gan,.. lumayan buat nambah2 koleksi mesin cek,. biasanya ane cm gunain gtmetrix aja om
biasanya yang bikin score jatuh di leverage browser caching, website ane rata2 mencapai 98/100, caranya : 1. Gunakan themes yang benar2 valid dan clean 2. Aktifkan wp-cache di wp-config.php menjadi true >> define('WP_CACHE', true); 3. Tambahkan Set expired cache di htacess menjadi seperti ini: # BEGIN Browser Cache <IfModule mod_mime.c> AddType text/css .css AddType application/x-javascript .js AddType text/html .html .htm AddType text/richtext .rtf .rtx AddType image/svg+xml .svg .svgz AddType text/plain .txt AddType text/xsd .xsd AddType text/xsl .xsl AddType text/xml .xml AddType video/asf .asf .asx .wax .wmv .wmx AddType video/avi .avi AddType image/bmp .bmp AddType application/java .class AddType video/divx .divx AddType application/msword .doc .docx AddType application/x-msdownload .exe AddType image/gif .gif AddType application/x-gzip .gz .gzip AddType image/x-icon .ico AddType image/jpeg .jpg .jpeg .jpe AddType application/vnd.ms-access .mdb AddType audio/midi .mid .midi AddType video/quicktime .mov .qt AddType audio/mpeg .mp3 .m4a AddType video/mp4 .mp4 .m4v AddType video/mpeg .mpeg .mpg .mpe AddType application/vnd.ms-project .mpp AddType application/vnd.oasis.opendocument.database .odb AddType application/vnd.oasis.opendocument.chart .odc AddType application/vnd.oasis.opendocument.formula .odf AddType application/vnd.oasis.opendocument.graphics .odg AddType application/vnd.oasis.opendocument.presentation .odp AddType application/vnd.oasis.opendocument.spreadsheet .ods AddType application/vnd.oasis.opendocument.text .odt AddType audio/ogg .ogg AddType application/pdf .pdf AddType image/png .png AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx AddType audio/x-realaudio .ra .ram AddType application/x-shockwave-flash .swf AddType application/x-tar .tar AddType image/tiff .tif .tiff AddType audio/wav .wav AddType audio/wma .wma AddType application/vnd.ms-write .wri AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw AddType application/zip .zip </IfModule> <IfModule mod_expires.c> ExpiresActive On ExpiresByType text/css A604800 ExpiresByType application/x-javascript A31536000 ExpiresByType text/html A3600 ExpiresByType text/richtext A3600 ExpiresByType image/svg+xml A3600 ExpiresByType text/plain A3600 ExpiresByType text/xsd A3600 ExpiresByType text/xsl A3600 ExpiresByType text/xml A3600 ExpiresByType video/asf A31536000 ExpiresByType video/avi A31536000 ExpiresByType image/bmp A31536000 ExpiresByType application/java A31536000 ExpiresByType video/divx A31536000 ExpiresByType application/msword A31536000 ExpiresByType application/x-msdownload A31536000 ExpiresByType image/gif A31536000 ExpiresByType application/x-gzip A31536000 ExpiresByType image/x-icon A31536000 ExpiresByType image/jpeg A31536000 ExpiresByType application/vnd.ms-access A31536000 ExpiresByType audio/midi A31536000 ExpiresByType video/quicktime A31536000 ExpiresByType audio/mpeg A31536000 ExpiresByType video/mp4 A31536000 ExpiresByType video/mpeg A31536000 ExpiresByType application/vnd.ms-project A31536000 ExpiresByType application/vnd.oasis.opendocument.database A31536000 ExpiresByType application/vnd.oasis.opendocument.chart A31536000 ExpiresByType application/vnd.oasis.opendocument.formula A31536000 ExpiresByType application/vnd.oasis.opendocument.graphics A31536000 ExpiresByType application/vnd.oasis.opendocument.presentation A31536000 ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000 ExpiresByType application/vnd.oasis.opendocument.text A31536000 ExpiresByType audio/ogg A31536000 ExpiresByType application/pdf A31536000 ExpiresByType image/png A31536000 ExpiresByType application/vnd.ms-powerpoint A31536000 ExpiresByType audio/x-realaudio A31536000 ExpiresByType application/x-shockwave-flash A31536000 ExpiresByType application/x-tar A31536000 ExpiresByType image/tiff A31536000 ExpiresByType audio/wav A31536000 ExpiresByType audio/wma A31536000 ExpiresByType application/vnd.ms-write A31536000 ExpiresByType application/vnd.ms-excel A31536000 ExpiresByType application/zip A31536000 </IfModule> <IfModule mod_deflate.c> <IfModule mod_setenvif.c> BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html </IfModule> <IfModule mod_headers.c> Header append Vary User-Agent env=!dont-vary </IfModule> AddOutputFilterByType DEFLATE text/css application/x-javascript text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon </IfModule> <FilesMatch "\.(css|js)$"> <IfModule mod_headers.c> Header set Pragma "public" Header set Cache-Control "public, must-revalidate, proxy-revalidate" </IfModule> FileETag MTime Size <IfModule mod_headers.c> Header set X-Powered-By "w9press" </IfModule> </FilesMatch> <FilesMatch "\.(html|htm|rtf|rtx|svg|svgz|txt|xsd|xsl|xml)$"> <IfModule mod_headers.c> Header set Pragma "public" Header set Cache-Control "public, must-revalidate, proxy-revalidate" </IfModule> FileETag MTime Size <IfModule mod_headers.c> Header set X-Powered-By "w9press" </IfModule> </FilesMatch> <FilesMatch "\.(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|swf|tar|tif|tiff|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip)$"> <IfModule mod_headers.c> Header set Pragma "public" Header set Cache-Control "public, must-revalidate, proxy-revalidate" </IfModule> FileETag MTime Size <IfModule mod_headers.c> Header set X-Powered-By "w9press" </IfModule> </FilesMatch> # END Browser Cache
Klo settingan utk apachenya apa beda2 om? Apa kalo settingan om, kita pake tambah mempercepat web kita jg? Cara nganalisisnya dimasuki satu2 ya?
Ni bos xrvel dmen bgt utakutak yg beginian barusan coba, yg bar biru, spertinya masih kurang tepat untuk koneknya deh gan, soalnya web yg masih 1 server berbeda hasilnya antara web A dan B yg masih 1 server. kemungkinan juga karena load dari web itu sendiri.
Keren gan. Cuma koq itu ads-id koq 90% doank lihat nih web saya View attachment 30831 Tambahan, disamping google speed ada juga webpagetest.org (mungkin udah pada tau )
iya mungkin kurang tepat, soalnya di pingdom sendiri nggak ada penjelasannya jadi saya cuma nebak2 aja. thx sharenya gan
