You are on page 1of 25

Anggota Kelompok :

1.ARDIANSYAH
(1212530149)
2.MOHAMAD SAIFUDIN
(1012530034)
3.FARID SETIAWAN
(1011530027)
4. MUHAMAD ABDUL ROUF
(1011530019)
5.JAMALUDIN
(1012530042)
6.HAMZAH ADAM
(1012530182)
7.BALDA MULYADI
(1212530123)
8.NUR HASANAH
(1012530026)
9. THOHA ESTUPUTRO
(1112530348)
10.SYARIF HIDAYATULLOH
(1112530280)

optimization

WEB PERFORMANCE

Biasanya saat kita membuat website hanya


sesimpel setup wordpress sampai selesai, dan
selama itu bisa di akses mungkin kita sudah
tidak terlalu perduli seberapa detik/ms
responnya,

WEB PERFORMANCE

40 % dari orang yang mengunjungin website, dalam 3


detik dia tidak melihat sesuatu di screeen maka mereka
akan meninggalkan webside kalian

80% tidak akan mengunjungi website kalian lagi

50% akan menyebarkan bahwa website ini jelek

WEB PERFORMANCE

WEB PERFORMANCE

WEB PERFORMANCE
MEASUREMENT

SERVER

CLIEN

Server
Server vs
vs
client
client

Software

Server
Server vs
vs
client
client

Hardware

WEB PERFORMANCE

How To Kill Performance Problems?

Meningkatkan Kinerja dari

sisi Server
Meningkatkan Kinerja dari
sisi Browser

WEB PERFORMANCE

WEB PERFORMANCE MEASUREMENT


There are four classic parameters describing the performance
of any computer system:

Throughput
Latency

Utilization

Efficiency

WEB PERFORMANCE

Latency and Throughput


Latency : berhubungan dengan seberapa banyak waktu yang
dibutuhkan untuk mengirim pesan dari ujung jaringan ke ujung yang lain.
Latency diukur secara strict dalam bentuk waktu. Sebagai contoh
misalnya suatu jaringan untuk mengirim pesan membutuhkan waktu 24
miliseconds (ms) dari ujung ke ujung yang lain.
Terkait latency terdapat istilah round-trip time atau RTT, yaitu seberapa
lama waktu yang dibutuhkan untuk mengirim pesan dari ujung A ke B
dan sebaliknya.

WEB PERFORMANCE

Throughput : kecepatan transfer sebenarnya antara server ke client.


client ke server, misal kita download dari sebuah server, dan kecepatan
internet kita 100kbps, kecepatan server 1mbps...maka kecepatan
Throughput sebenarnyta adalah 100kbps

dari gambar diatas dapat kita lihat, bahwa kecepatan transfer dari Rs
dan Rc berbeda, nah kecepatan yang sebenarnya mengacu pada yang
terkecil

WEB PERFORMANCE

Utilization and Efficiency


Utilization
Sebagian kecil dari kapasitas komponen yang benar-benar
digunakan.
kita mungkin ingin semua komponen dimanfaatkan 100% ,
Tapi ingat bahwa untuk disk drive dan Ethernet, latency sangat
menderita pemanfaatan paling tinggi.
Sebuah aturan praktis bahwa banyak komponen dapat berjalan pada
kinerja terbaik mereka adalah sekitar 70%.
Perfmeter alat yang datang dengan banyak versi Unix adalah cara
grafis yang baik untuk memantau pemanfaatan sistem anda.

WEB PERFORMANCE

Efficiency
biasanya didefinisikan sebagai throughput yang dibagi dengan
Utilization.
Ketika membandingkan dua komponen, jika kita memiliki
throughput yang lebih tinggi pada tingkat yang sama
Utilization,
itu dianggap sebagai lebih efisien.

WEB PERFORMANCE

CLIEN

SERVER

WEB PERFORMANCE

Hardware

SERVER

Mempercepat tampilan website

Jaringan dan Hardware


Hardware kelas utama dan jaringan internasional besar
dibutuhkan agar web server tetap hidup secara non-stop
sehingga bisa diakses dari mana saja. Pilih web hosting yang
menggunakan hardware yang handal dan penempatan data
center yang baik sehingga bisa diakses cepat dari berbagai
belahan dunia.
Satu hal yang ingin saya garis bawahi, yaitu jangan tergiur
dengan harga yang terjangkau dan penawaran yang bombastis.
Cermati dengan jelas agar biaya yang anda keluarkan sebanding
dengan kualitas yang anda dapatkan.

Hardware Performance
Kemampuan hardware akan memiliki dampak besar pada
kinerja situs Anda. Jumlah prosesor, kecepatan prosesor,
jumlah memori yang tersedia dan ruang disk serta media
penyimpanan disk. Penyedia hosting biasanya menawarkan
kinerja yang lebih tinggi untuk harga yang lebih tinggi.
Salah satu inovasi dalam hosting adalah penggunaan Solid
State Drive atau SSD yang cepat dari media magnetik
tradisional. Digital Samudera menawarkan terjangkau SSD
hosting maupun Amazon baru-baru ini telah menambahkan
SSD hosting penawaran awan.

Software
Mempercepat tampilan website
Hindari penggunaan flash
Mengingat flash merupakan satu komponen website yang ukurannya besar,
maka apabila dalam website terdapat banyak flash movie tentu membuat
loadingnya menjadi lambat. Oleh karena itu disarankan agar kita hanya
menggunakan flash seperlunya saja.
.

Hindari backsound (background musik)


Jika backsound tidak begitu penting dalam website, lebih baik dihindari.
Karena membuat koneksi internet terus melakukan streaming.

Gunakan Content Delivery


Network (CDN)
Setiap kali pengunjung membuka sebuah website, komputermerekaharus
men-download file dari server di host. Waktu yang dibutuhkan untuk informasi
ini yang akan diterima dikenal sebagai waktu respon. Waktu respon
hanyasetengah detik. Ketika menambahkan dalam ukuran file , secara
keseluruhan halaman diperlukan untuk dapat memuat dan menambahkan
hingga menjadi beberapa detik.
Misalnya, jika pusat data Anda terletak di Indonesia, seorang pengunjung dari
singapurakan mendapatkan waktu respon yang lebih baik daripada seseorang
yang terletak di Moskow. Cara terbaik untuk mengatasi situasi ini adalah untuk
menggunakandari Content Delivery Network atau CND. untuk menjawab hal
ini langkah yang harus anda lakukan adalah dengan menginstall plugin
WP Performance Pack.
Itulah cara untuk meningkatkan kecepatan website atau blog. semua ini bisa
anda lakukan untuk mempercepat loading blog atau website. karena seperti
yang sudah saya katakan di atas bahwa mengoptimalkan kecepatan situs web
adalah salah satu dari sekian banyak trik seo, banyak situs yang mempunyai
kecepatan baik untuk itulah agar pesaing web anda tidak menang langkah
yang baik optimalkan kecepatan situs.

Software performance
Pastikan Anda menggunakan perangkat lunak terbaru juga penting - sebagai
upgrade perangkat lunak sering memperbaiki bug dan meningkatkan kinerja.
Pastikan Anda menjalankan versi terbaru dari Linux (atau Windows), Apache,
MySQL Server dan PHP sangat penting.

Server Load
Jumlah lalu lintas pada server Anda dan bagaimana dikonfigurasi untuk
menangani beban akan memiliki dampak besar juga. Sebagai contoh, jika Anda
tidak menggunakan solusi caching, kinerja akan memperlambat berhenti
sebagai permintaan halaman tambahan datang dan menumpuk, sering
menabrak web atau database server Anda. Jika dikonfigurasi dengan benar,
sebagian besar hosting solusi dapat menangani lalu lintas yang sangat tinggi.
Offloading lalu lintas ke server lain juga dapat mengurangi beban server.
Lalu lintas Kasar seperti serangan login, gambar bocor (situs lain yang
terhubung ke file gambar Anda dari halaman lalu lintas tinggi) atau serangan
DoS juga dapat meningkatkan beban server. Mengidentifikasi dan memblokir
serangan ini sangat penting.

Gunakan format gambar yang efektif


Pada halaman website kita harus bisa memilih format gambar apa yang harus
digunakan. Karena format gambar berbeda pada ukuran yang sama, berbeda
ukuran memorinya. Contohnya, jika gambar ukuran 100 x 100 pixels pada jpg
hanya 40 kb, jika dalam bmp bisa 90 kb. Karena itulah kita harus tepat memilih
format gambar yang efektif. Saat ini format gambar yang ukurannya paling kecil
adalah *.gif, selain itu *.gif juga bisa menampilkan gambar bergerak dengan
beberapa frame. Tetapi, format gambar ini hanya mendukung beberapa warna
saja. Jadi selain menggunakan *.gif kita juga bisa menggunakan *.jpg jika gambar
tidak sempurna ditampilkan dengan format *.gif (biasanya untuk foto).

FTP (File Transfer Protocol)


Fungsi FTP adalah untuk melakukan pengunduhan (download) dan penggugahan
(upload) berkas-berkas komputer antara klien FTP dan server FTP.

.htaccess
Apakah htaccess itu?
File .htaccess merupakan file konfigurasi yang disediakan oleh web server
Apache, yang biasanya digunakan untuk mengubah setting default dari Apache.
Kita ketahui untuk saat ini sebagian besar hosting web di internet menggunakan
Apache sebagai servernya sehingga bagi para pengelola web harus belajar
tentang .htaccess supaya dapat melakukan modifikasi terhadap settingan default
dari server.
Sebenarnya ada banyak hal yang mempengaruhi kecepatan loading suatu
website, diantaranya server response time, browser caching, page redirect,
compression, content minify, dll. Yang akan kita optimalkan dengan htaccess
disini adalah Cache control dan Compression.

WEB PERFORMANCE

CLIEN
Brwoser

Koneksi Internet

Software
Mempercepat Loading Halaman Web
Aktifkan Pipelining
Biasanya browser bekerja dengan mengirimkan permintaan kepada server dan menunggu
respon sebelum melanjutkan proses. Pipelining adalah sebuah teknik lebih agresif yang
memungkinkan browser untuk mengirimkan beberapa permintaan sekaligus sebelum
menerima respon apapun untuk mengurangi waktu yang dibutuhkan untuk mengunduh isi
halaman. Untuk mengaktifkan fungsi ini ketik about:config pada kotak alamat, klikganda pada network.http.pipelining dan network.http.proxy.pipelining agar
nilainya berubah menjadi true kemudian klik-ganda pada
network.http.pipelining.maxrequest dan jadikan nilainya 8.

Render dengan Cepat

Situs yang besar dan rumit bisa memakan waktu untuk diunduh. Firefox tidak ingin
membuat Anda menunggu, jadi dengan pengaturan standar Firefox akan langsung
menampilkan apa yang ia terima setiap 0,12 detik. Walaupun hal ini membuat browser
terkesan lebih cepat, rendering ulang yang dilakukan terus menerus meningkatkan
waktu total yang dibutuhkan untuk menampilkan halaman, kita dapat mengurangi
jumlah rendering ulang untuk meningkatkan kinerja.
Ketik about:config dan tekan [ENTER], kemudian klik kanan pada tampilan utama
dan kemudian pilih New > Integer. Ketik content.notify.interval sebagai nama
preferensi Anda, klik ok, masukkan 500000 (500 ribu) dan klik ok kembali.
Klik kanan lagi pada tampilandan pilih New > Boolean. Kali ini buat nilai disebut
content.notify.ontimer dan atur menjadi True untuk menyelesaikan tugas Anda.

Tingkatkan Ukuran Cache


Ketika berselancar Firefox akan menyimpan gambar dan skrip pada memory cache
lokal di mana Anda bisa mempercepat pengambilan data jika mengunjungi situs yang
sama kembali. Jika Anda memiliki RAM yang besar (2GB atau lebih), biarkan Firefox
berjalan lebih lama sehingga mengunjungi kembali halaman-halaman situs akan lebih
cepat, terutama dengan cache yang besar.
Ketik about:config dan tekan [ENTER], kemudian klik kanan dan pilih New >
Integer. Ketik browser.cache.memory.capacity, klik ok, masukkan 65536
dan klik ok, kemudian restart browser untuk mendapatkan cache yang baru dan
lebih besar. Jika menurut anda masih terasa lambat, coba edit nilainya dari 65536
Install
Add-On
penting
: perubahan yang terjadi.
menjadi 500
saja Silahkan
rasakan
1. Adblock Plus
Untuk blok banner ataupun alert yang dirasa mengganggu aktifitas browsing kita,
2. Faster Fox
Untuk mempercepat kinerja browsing, dan yang paling mantap dari aplikasi ini
adalahAuto Loading Next Page,
3. Memory Fox
Untuk membatasi penggunana memory kompie saat kita berselancar dengan mozilla
(Mozilla kan dikenal sebagai browser Handal tetapi sangat banyak menggunakan
memory saat aplikasi dijalankan!!)
*dan Add-On lainnya, dapat dlihat sendiri sesuai dengan kebutuhan pengguna
browser.

WEB PERFORMANCE

GOOGLE CHROME

MOZILLA FIREFOX

Fitur Set : 5 Star ( Excellent)


Fitur Set : 4,5 Star ( Excellent)
Keamanan : 5 Star ( Excellent)
Keamanan : 5 Star ( Excellent)
Kecepatan & Kompatibilitas : 5 Star (Excellent )
Kecepatan & Kompatibilitas : 5 Star (Excellent )
Mudah Penggunaan : 5 Star ( Excellent)
Mudah Penggunaan : 4,5 Star ( Excellent)
Bantuan & Dukungan: 5 bintang (Excellent )
Bantuan & Dukungan: 5 bintang (Excellent )
Kecepatan :
Startup awal waktu : 4 Detik
Rata-rata Startup Time: 4,3 Detik
Kecepatan :
Navigasi Time: 4,4 Detik
Awal Startup Time: 6,3 Detik
fitur:
Rata-rata Startup Time: 6,3 Detik
Tabbed browsing, mesin pencari Terpadu , Autofill ,
Navigasi Time: 5,7 Detik
Simpan tab , opsi Customization, Bookmarks , Rss feed , fitur:
update otomatis , Password manager , Cari -On fungsi
Tabbed browsing, mesin pencari Terpadu , Autofill ,
halaman , Zoom , Add - ons , Periksa ejaan ,
Simpan tab , opsi Customization, Bookmarks , Rss feed ,
pengembangan open source , download manager
update otomatis , Password manager , Cari -On fungsi
Seamless , Thumbnail pratinjau , Synchronize.
halaman , Zoom , Add - ons , Periksa ejaan ,
keamanan :
pengembangan open source , download manager
Pop- up blocker .
Seamless , Sinkronisasi , Parental kontrol .
Anti- spyware .
keamanan :
Anti- virus .
Pop- up blocker .
Anti- Phising .
Anti- spyware .
Hapus data .
Anti- virus .
Modus swasta .
Anti- Phising .
Hapus data .
Modus swasta .

WEB PERFORMANCE

OPERA
Fitur Set : 5 Star ( Excellent)
Keamanan : 4,5 Star ( Excellent)
Kecepatan & Kompatibilitas : 4,5 Star ( Excellent)
Mudah Penggunaan : 4,5 Star ( Excellent)
Bantuan & Dukungan: 5 bintang (Excellent )
Kecepatan :
Awal Startup Time: 5,1 Detik
Rata-rata Startup Time: 4,4 Detik
Navigasi Time: 4,5 Detik
fitur:
Tabbed browsing, mesin pencari Terpadu , Autofill ,
Simpan tab , opsi Customization, Bookmarks , Rss feed ,
update otomatis , Password manager , Cari -On fungsi
halaman , Zoom , Add - ons , Periksa ejaan , download
manager Seamless , Thumbnail preview , Sinkronisasi ,
gerakan mouse , interaksi suara .
keamanan :
Pop- up blocker .
Anti- spyware .
Anti- virus .
Anti- Phising .
Hapus data .

Apple Safari
Berikut kelebihan dari apple safari
-1.FiturTopSites.Yaituhalaman2situsyangpalingsering
kita buka. Halaman2 tersebut akan muncul di WallOf
Previews,sehinggakitabisamembukahalamanfavoritdalam
sekaliklik.
- 2.Full history Search. Anda bisa membuka halaman yang
telahandakujungisebelumnyasecaralengkap.
-3.Smart Search Field. Dimana penggunanya bisa mendapat
sugestipencariandariGoogleSuggestataudaftarpencarian
terbaru.
-4.Built-InAlatpengembangan web untukdebug, tweakdan
pengoptimalan website untuk penampilan terbaik
dancompatibility.
-5.Nitro Javasricpt. Yang bisa mempercepat loading
javascript. Katanya bisa menjalankan JS lebih cepat 6x dari
IE,dan4xdariFirefox.

WEB PERFORMANCE

Untuk meningkatkan performa saat membuka website, kita


tidak hanya membutuhkan browser atau software yang handal,
namun juga membutuhkan komputer yang spesifikasinya tinggi
dan Internet provider yang handal.

WEB PERFORMANCE

Daftar Pustaka
Website Maintenance of The Website

Managers Handbook by Shane Diffily.


Fred Wilson is a (the) top tech VC from NYC

with investments in companies such as Twitter


, del.icio.us, Etsy, and FeedBurner. He spoke
about the
10 Golden Principles of Successful Web Apps
Patrick Killelea, Book Web Performing Tuning
http://www.askapache.com/optimize/bestpractices-speeding-web-site-htaccess.html