optimization

optimization

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)

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 kalian80% tidak akan mengunjungi website kalian lagi50% akan menyebarkan bahwa website ini jelekWEB PERFORMANCEWEB PERFORMANCEWEB PERFORMANCE MEASUREMENTSERVERCLIENWEB PERFORMANCEHow To Kill Performance Problems?Meningkatkan Kinerja dari sisi Server Meningkatkan Kinerja dari sisi Browser

WEB PERFORMANCEWEB PERFORMANCE MEASUREMENT There are four classic parameters describing the performance of any computer system:LatencyThroughputUtilizationEfficiency

WEB PERFORMANCE

Latency and ThroughputLatency : 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 PERFORMANCEThroughput : 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 terkecilWEB PERFORMANCEUtilization and EfficiencyUtilization 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 PERFORMANCEEfficiency biasanya didefinisikan sebagai throughput yang dibagi dengan Utilization. Ketika membandingkan dua komponen, jika kita memilikithroughput yang lebih tinggi pada tingkat yang sama Utilization, itu dianggap sebagai lebih efisien.

WEB PERFORMANCEWEB PERFORMANCESERVERCLIEN

WEB PERFORMANCESERVERHardwareJaringan dan HardwareHardware 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.Mempercepat tampilan website

Hardware PerformanceKemampuan 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.SoftwareHindari penggunaan flashMengingat 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.Mempercepat tampilan website

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 performancePastikan 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 LoadJumlah 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.

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.

.htaccessWEB PERFORMANCE

Brwoser

Koneksi InternetCLIEN

SoftwareMempercepat Loading Halaman WebAktifkan PipeliningBiasanya 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, klik-ganda 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 CepatSitus 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 CacheKetika 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 menjadi 500 saja Silahkan rasakan perubahan yang terjadi.Install Add-On penting :1. Adblock PlusUntuk blok banner ataupun alert yang dirasa mengganggu aktifitas browsing kita,

2. Faster FoxUntuk mempercepat kinerja browsing, dan yang paling mantap dari aplikasi ini adalahAuto Loading Next Page,

3. Memory FoxUntuk 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 PERFORMANCEGOOGLE CHROMEFitur Set : 5 Star ( Excellent)Keamanan : 5 Star ( Excellent)Kecepatan & Kompatibilitas : 5 Star (Excellent )Mudah Penggunaan : 5 Star ( Excellent)Bantuan & Dukungan: 5 bintang (Excellent )Kecepatan :Startup awal waktu : 4 DetikRata-rata Startup Time: 4,3 DetikNavigasi Time: 4,4 Detikfitur: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 , pengembangan open source , download manager Seamless , Thumbnail pratinjau , Synchronize.keamanan :Pop- up blocker .Anti- spyware .Anti- virus .Anti- Phising .Hapus data .Modus swasta .MOZILLA FIREFOXFitur Set : 4,5 Star ( Excellent)Keamanan : 5 Star ( Excellent)Kecepatan & Kompatibilitas : 5 Star (Excellent )Mudah Penggunaan : 4,5 Star ( Excellent)Bantuan & Dukungan: 5 bintang (Excellent )

Kecepatan :Awal Startup Time: 6,3 DetikRata-rata Startup Time: 6,3 DetikNavigasi Time: 5,7 Detikfitur: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 , pengembangan open source , download manager Seamless , Sinkronisasi , Parental kontrol .keamanan :Pop- up blocker .Anti- spyware .Anti- virus .Anti- Phising .Hapus data .Modus swasta .

WEB PERFORMANCEOPERAFitur 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 DetikRata-rata Startup Time: 4,4 DetikNavigasi Time: 4,5 Detikfitur: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 SafariBerikut kelebihan dari apple safari-1.Fitur Top Sites. Yaitu halaman2 situs yang paling sering kita buka. Halaman2 tersebut akan muncul di Wall Of Previews, sehingga kita bisa membuka halaman favorit dalam sekali klik.- 2.Full history Search. Anda bisa membuka halaman yang telah anda kujungi sebelumnya secara lengkap.-3.Smart Search Field. Dimana penggunanya bisa mendapat sugesti pencarian dari Google Suggest atau daftar pencarian 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, dan 4x dari Firefox.WEB PERFORMANCEUntuk 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 PERFORMANCEDaftar PustakaWebsite 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 AppsPatrick Killelea, Book Web Performing Tuninghttp://www.askapache.com/optimize/best-practices-speeding-web-site-htaccess.html