Kelompok :
- Novia Permatasari
- Putry Siagian
- Suad AlFatih
Kali ini akan menganalisa halaman web pada www.bhineka.com dengan menggunakan WebSiteOptimization.com.
Untuk menganalisa suatu web pada WebSiteOptimization.com pertama tama kita masuk WebSiteOptimization.com , setelah itu kita klik services yang ada pada bagian atas.
Lalu pilih Web Page Analyze, selanjutnya akan muncul form yang diisi dengan alamat web yang akan kita analisa, setelah itu akan muncul hasil dari analisa web tersebut, untuk hasil analisa dari website www.bhineka.com menggunakan WebSiteOptimization.com adalah sebagai berikut:
Hasil dari analisa www.bhineka .com seperti yang tertera diatas merupakan informasi tentang web yang telah dianalisa.
Lalu ukuran total halaman dari www.bhineka .com adalah 261566 bytes dan total permintaan HTTP 69 permintaan.
Table diatas merupakan table yang menunjukan komponen dan ukuran dari setiap komponen pada halaman web tersebut dan juga kecepatan koneksi untuk menampilkan halaman web tersebut per sekonnya.
Tampilan diatas merupakan table yang menunjukan jumlah komponen yang digunakan pada halaman web tersebut.
Analysis and Recommendations
Pada WebSiteOptimization.com diberikan juga hasil analisa dan juga recomendasi supaya web yang dianalisa dapat berjalan dengan optimal ketika diakses.
Dan hasil analisa dan rekomendasi dari WebSiteOptimization.com untuk www.bhineka .com adalah sebagai berikut:
· TOTAL_HTML- Selamat, total jumlah file HTML pada halaman ini ( termasuk file HTML yang utama) adalah 1 browsers yang paling dapat mem-multithread. Memperkecil permintaan HTTP adalah kunci untuk optimisasi lokasi web.
· TOTAL_OBJECTS- Peringatan! Total jumlah object pada halaman ini adalah 69 dimana jumlah mereka akan mendominasi penundaan halaman web. Pertimbangkan mengurangi ini untuk suatu jumlah yang lebih layak. Di atas 20 object per halaman ongkos exploitasi dari berhadapan dengan object yang nyata (menjelaskan waktu dan waktu masa penantian) akun untuk meliputi lebih dari 80% dari seluruh halaman utuh latency. Lihat Gambar II-3: Distribusi dari komponen latency yang menunjukkan obyek itu mengeksploitasi mendominasi halaman web latency di dalam Website Rahasia Optimisasi untuk detil lebih bagaimana obyek mengexploitasi dominasi halaman web latency. Kombinasi, menyuling, dan mengoptimalkan object eksternal mu. Gantikan grafis rollovers dengan CSS rollovers untuk mempercepat tampilan dan memperkecil permintaan HTTP. Pertimbangkan penggunaan CSS sprites untuk membantu memperkuat hiasan gambaran. Penggunaan teknik CSS seperti latar belakang berwarna, garis, atau mengatur jarak dari teknik grafis dapat mengurangi permintaan HTTP. Gantikan grafis header text dengan CSS text header untuk mengurangi permintaan HTTP. Akhirnya, mempertimbangkan optimizing paralel downloads dengan menggunakan hostnames yang berbeda atau suatu CDN untuk mengurangi exploitasi obyek.
· TOTAL_IMAGES- Peringatan! Total jumlah dari gambar pada halaman ini adalah 57, mempertimbangkan untuk mengurangi ini dengan suatu jumlah yang lebih layak. Rekomendasikan mengkombinasi, menggantikan , dan mengoptimis grafik mu. Gantikan grafis rollover menu dengan CSS rollover menu untuk kecepatam tampilan dan memperkecil permintaan HTTP. Mempertimbangkan penggunaan CSS sprites untuk membantu memperkuat hiasan gambar. Penggunaan teknik CSS seperti latar belakang berwarna, garis , atau mengatur jarak spasi sebagai teknik grafis untuk mengurangi permintaan HTTP. Menggantikan grafis dengan CSS teks header dapat lebih mengurangi permintaan HTTP. Yang akhirnya, mempertimbangkan optimizing paralel downloads dengan penggunaan berbeda hostnames untuk mengurangi ongkos exploitasi obyek.
· TOTAL_CSS- Selamat, total jumlah eksternal CSS file pada halaman ini adalah 1. Sebab eksternal CSS file harus berada di bagian atas HTML dokumen mu, mereka harus memuat yang pertama kali sebelum semua isi tampilan. Walaupun mereka adalah tangkapan, CSS file melambatkan tampilan awal halaman mu. Jangan lupa untuk menempatkan CSS file di bagian atas dan file Javascript pada ujung dari isi untuk memungkinkan tampilan yang progresif.
· TOTAL_SIZE- Peringatan! Total ukuran dari halaman ini adalah 261566 bytes, yang akan memuat 65.93 detik pada 56Kbps modem. Pertimbangkan untuk mengurangi total ukuran halaman hingga kurang dari 100K untuk mencapai sub 20 kali tanggapan pada 56K koneksi. Halaman melebihi 100K melebihi perhatian pada 56Kbps, meskipun dengan umpan balik. Pertimbangkan untuk mengoptimis lokasi mu dengan Website Optimization Secrets, Speed Up Your Site or contacting us tentang jasa optimisasi kami.
· TOTAL_SCRIPT- Peringatan! Total jumlah dari file eksternal halaman ini adalah 10, mempertimbangkan mengurangi ini jumlah ini dengan jumlah yang lebih layak. Kombinasi, faktor kembali, dan minify untuk mengoptimalkan File Javascript mu. Idealnya kamu perlu mempunyai satu ( atau bahkan melekatkan catatan untuk halaman high-traffic) pada halaman mu. Mempertimbangkan suturing Javascript File pada server untuk memperkecil permintaan HTTP. Menempatkan file Javascript eksternal pada dasar isi, dan file CSS bagian atas sehingga memungkinkan tampilan progresif di XHTML halaman web.
· HTML_SIZE- Selamat, total ukuran dari file HTML ini adalah 18563 bytes, dimana kurang dari 50K.menetapkan bahwa kamu menetapkan LEBAR dan TINGGINYA dari gambarmu, ukuran ini mengijinkan HTML mu untuk menampilkan isi di bawah 10 detik, rata-rata waktu para pemakai akan menantikan suatu halaman untuk menampilkan tanpa feedback.
· IMAGES_SIZE- Peringatan! Total ukuran dari gambarmu adalah 148871 bytes, dimana lebih dari 100K. Pertimbangkan tombol format grafis ke achive ukuran file yang lebih kecil ( dari JPEG ke PNG sebagai contoh). Akhirnya, menggantikan CSS teknik untuk teknik grafik untuk menciptakan perbatasan berwarna, latar belakang, dan mengatur jarak spasi.
· SCRIPT_SIZE- Peringatan! Total ukuran dari eksternal catatan mu adalah 91013 bytes, dimana lebih dari 20K. Pertimbangkan optimizing Javascript mu untuk ukuran, mengkombinasikan mereka, dan menggunakan HTTP tekanan dimana sesuai dengan manapun catatan menempatkan bagian atas dari dokumenmu. Kamu dapat menggantikan CSS menu untuk Menu JavaScript-based untuk memperkecil atau bahkan menghapuskan penggunaan Javascript.
· CSS_SIZE- Selamat, total ukuran dari eksternal CSS mu adalah 3119 bytes, dimana kurang dari 8K.
· MULTIM_SIZE- Selamat, total ukuran dari semua file multimediaeksternal mu adalah 0 bytes, dimana kurang dari 10K.
