Febri Ramadhan

bukan basa basi blog

Minggu, 28 April 2013

Analisis Blog

On 20.32 by Febri Ramadhan in
Tugas berikut adalah tugas untuk memenuhi tugas mata kuliah softskill pertemuan ke dua yaitu menganalisis dua buah blog yang berbeda yang salah satunya adalah blog saya sendiri .

1.Febri Phenjjol Blog (Blog saya)

 Tampilan Utama .

Halaman Web Laporan Kecepatan

URL:http://febbri-grunge.blogspot.com/
Judul:Febri Phenjjol
Tanggal:Laporan dijalankan pada Sun 28 Apr 08:21:25 EDT2013

Diagnosa

Statistik global

Jumlah HTTP Permintaan:38
Jumlah Ukuran:1076088 bytes

Total Ukuran Obyek

Jenis ObyekUkuran (byte)Ambil @ 56K (detik)Unduh @ T1 (detik)
HTML:28.1865.820.35
Gambar HTML:294.10760.623.56
Gambar CSS:579.006119.006.67
Jumlah Gambar:873.113179,6210.23
Javascript:174.23135.721.92
CSS:5580.910.80
Multimedia:00.000.00
Lainnya:00.000.00

Objek eksternal

Eksternal ObyekQTY
Jumlah HTML:1
Jumlah Images HTML:10
Jumlah Images CSS:18
Jumlah Gambar:28
Jumlah Script:5
Jumlah impor CSS:4
Jumlah Frames:0
Jumlah Iframe:0

Ambil Waktu *

Koneksi TingkatAmbil Waktu
14.4K841,62 detik
28.8K424,61 detik
33.6K365,04 detik
56K222,06 detik
ISDN 128K73,28 detik
T1 1.44Mbps13.30 detik
* Perhatikan bahwa download kali ini didasarkan pada tingkat koneksi penuh untuk ISDN dan koneksi T1. Koneksi Modem (56Kbps atau kurang) yang dikoreksi dengan faktor packet loss 0,7. Semua waktu download termasuk penundaan karena round-trip latency dengan rata-rata 0,2 detik per objek. Dengan 38 jumlah objek untuk halaman ini, yang menghitung dengan jeda waktu total akibat latency dari 7,6 detik. Perhatikan juga bahwa ini download perhitungan waktu tidak memperhitungkan penundaan rekening karena XHTML parsing dan rendering.

Halaman Objects

QTYUKURAN #TYPEURLKOMENTAR
128.186HTMLhttp://febbri-grunge.blogspot.comUkuran header yang = 389 byte
Selamat! Kau menyelamatkan bandwidth dengan mengompresi file ini.
Melihat diformat versi file HTML  
14Tidak ditemukanCSS IMGfebbri-grunge.blogspot.com ... CZQB3v6gAAAAASUVORK5CYII =Ukuran header yang = 318 byte  
1Tidak ditemukanCSSfebbri-grunge.blogspot.com ... 400-widget_css_bundle.cssUkuran header yang = 334 byte
Selamat! File ini dikompres.
Melihat diformat versi file CSS ini  
1Tidak ditemukanSCRIPTfebbri-grunge.blogspot.com ... ets/1118995209-widgets.jsUkuran header yang = 334 byte
Selamat! File ini dikompres. 
14Tidak ditemukanCSS IMGfebbri-grunge.blogspot.com ... CZQB3v6gAAAAASUVORK5CYII =Ukuran header yang = 318 byte  
1Tidak ditemukanCSSfebbri-grunge.blogspot.com ... css / authorization.css? ...Ukuran header yang = 334 byte
Selamat! File ini dikompres.
Melihat diformat versi file CSS ini  
2247.534CSS IMGwww.free-hdwallpapers.com ... apers/abstract/157151.jpgUkuran header yang = 328 byte  
1123.296CSS IMGthemes.googleusercontent.com ... nFfol0SnfBMmbnmUK0fZM.ttfUkuran header yang = 382 byte  
1122.772IMG1.bp.blogspot.com ... HtIOw/s640/0000011378.jpgUkuran header yang = 364 byte  
195.588CSS IMGthemes.googleusercontent.com ... peNX8RPf6i6WQfJWyCWEs.ttfUkuran header yang = 382 byte  
185.788CSS IMGthemes.googleusercontent.com ... CWcynf_cDxXwCLxiixG1c.ttfUkuran header yang = 382 byte  
174.783SCRIPTfebbri-grunge.blogspot.com ... / / Feeds / posts / default? ...Ukuran header yang = 385 byte
Selamat! File ini dikompres. 
172.982IMG1.bp.blogspot.com ... Miw/s1600/Stop-piracy.jpgUkuran header yang = 364 byte
lebar atribut Hilang.
atribut tinggi Hilang.  
167.922SCRIPTajax.googleapis.com ... bs/jquery/1.6.2/jquery.jsUkuran header yang = 376 byte
Selamat! File ini dikompres. 
154880IMG4.bp.blogspot.com ... -Dc-25329088-1024-768.jpgUkuran header yang = 382 byte  
125069SCRIPThttp://apis.google.com/js/plusone.jsUkuran header yang = 730 byte  
117.927IMG4.bp.blogspot.com ... / VuPYjqF5ezo/s400/tgh.gifUkuran header yang = 355 byte  
19293IMG3.bp.blogspot.com ... K4s/s000/scrolltop-x7.pngUkuran header yang = 370 byte
lebar atribut Hilang.
atribut tinggi Hilang.  
26840CSS IMG1.bp.blogspot.com ... KLYSCXt2c/s000/social.pngUkuran header yang = 364 byte  
16457SCRIPTmisbahudin-dcaesga.googlecode.com ... .com / file / rainbowlink.jsUkuran header yang = 351 byte
Hingga 5102 byte bisa diselamatkan melalui kompresi. 
15681IMG1.bp.blogspot.com ... Miw/s72-c/Stop-piracy.jpgUkuran header yang = 363 byte  
13836IMG2.bp.blogspot.com ... 5hqUdo/s72-c/Skid_Row.jpgUkuran header yang = 359 byte  
83692CSS IMG3.bp.blogspot.com ... b5nFJ1YfU/s000/arrows.pngUkuran header yang = 364 byte  
13485IMG3.bp.blogspot.com ... Bxo/s72-c/creed2large.jpgUkuran header yang = 362 byte  
23288CSS IMG4.bp.blogspot.com ... YRHeOUngo/s000/koment.pngUkuran header yang = 364 byte  
23235CSS IMG3.bp.blogspot.com ... 2Pzd5U24L4/s000/label.pngUkuran header yang = 366 byte  
23179CSS IMG1.bp.blogspot.com ... 60fg2D5NWo/s000/clock.pngUkuran header yang = 363 byte  
23170CSS IMG4.bp.blogspot.com ... CPOKDdnkfI8/s000/more.pngUkuran header yang = 362 byte  
12776IMG4.bp.blogspot.com ... -Dc-25329088-1024-768.jpgUkuran header yang = 381 byte  
21328CSS IMG3.bp.blogspot.com ... fm_3W94PM/s000/line-1.pngUkuran header yang = 364 byte  
21003CSS IMG2.bp.blogspot.com ... WU/s000/shadow-footer.pngUkuran header yang = 371 byte  
2714CSS IMG3.bp.blogspot.com ... KCQ8/s000/search-icon.pngUkuran header yang = 368 byte  
6475IMGimg1.blogblog.com ... / Icon18_wrench_allbkg.pngUkuran header yang = 306 byte  
1289CSShttp://fonts.googleapis.com/css? ...Ukuran header yang = 298 byte
Selamat! File ini dikompres.
Melihat diformat versi file CSS ini  
1269CSShttp://fonts.googleapis.com/css?family=Raleway:100Ukuran header yang = 275 byte
Hingga 66 bytes bisa diselamatkan melalui kompresi.
Melihat diformat versi file CSS ini  
2118CSS IMG4.bp.blogspot.com ... uJOQyfog/s000/pattern.pngUkuran header yang = 367 byte  
4118CSS IMG4.bp.blogspot.com ... Aby_ePx8/s000/pattern.pngUkuran header yang = 364 byte  
2115CSS IMG1.bp.blogspot.com ... 8VYLU-ac4/s000/stripe.pngUkuran header yang = 363 byte  
38 ^1076088 *Total (^ benda unik)
# Selamat. Situs ini menggunakan kompresi HTTP, jika tidak disebut pengkodean konten menggunakan gzip. Ukuran dilaporkan di sini adalah untuk konten dikompresi dikirim dari server ke klien.
* CSS stylesheet alternatif dapat dirujuk dalam HTML tetapi tidak benar-benar download sampai mereka dibutuhkan dan karenanya tidak termasuk dalam ukuran total halaman.

Analisis dan Rekomendasi

  • TOTAL_HTML - Selamat , jumlah file HTML pada halaman ini (termasuk file HTML utama) adalah 1 yang kebanyakan browser dapat multithread. Meminimalkan permintaan HTTP adalah kunci untuk optimasi situs web. Y
  • TOTAL_OBJECTS - Peringatan! Jumlah obyek di halaman ini adalah 38 yang dengan jumlah mereka akan mendominasi halaman web penundaan. Pertimbangkan mengurangi ini ke sejumlah lebih masuk akal. Di atas 20 obyek per halaman overhead dari berurusan dengan benda-benda yang sebenarnya (waktu deskripsi dan menunggu waktu) menyumbang lebih dari 80% dari seluruh halaman latency. Lihat Gambar II-3: distribusi relatif komponen latency menunjukkan bahwa biaya overhead objek mendominasi halaman web latency di Optimasi Website Rahasia untuk rincian lebih lanjut tentang bagaimana objek biaya overhead mendominasi halaman web latency. Kombinasikan, memperbaiki, dan mengoptimalkan objek-objek eksternal Anda. Ganti rollover grafis dengan CSS rollover untuk mempercepat tampilan dan meminimalkan permintaan HTTP.Pertimbangkan untuk menggunakan CSS sprite untuk membantu mengkonsolidasikan gambar dekoratif. Menggunakan teknik CSS seperti background berwarna, perbatasan, atau spasi bukannya teknik grafis dapat mengurangi permintaan HTTP. Ganti header teks grafis dengan header teks CSS untuk mengurangi permintaan HTTP. Akhirnya, pertimbangkan mengoptimalkan download paralel dengan menggunakan nama host yang berbeda atau CDN untuk mengurangi objek overhead.
  • TOTAL_IMAGES - Peringatan! Jumlah gambar di halaman ini adalah 28, mempertimbangkan mengurangi ini ke nomor yang lebih masuk akal. Merekomendasikan menggabungkan, mengganti, dan mengoptimalkan grafis Anda. Ganti menu rollover grafis dengan CSS rollover menu untuk mempercepat tampilan dan meminimalkan permintaan HTTP. Pertimbangkan untuk menggunakan CSS sprite untuk membantu mengkonsolidasikan gambar dekoratif. Gunakan teknik CSS seperti background berwarna, perbatasan, atau spasi bukannya teknik grafis untuk mengurangi permintaan HTTP. Ganti header teks grafis dengan header teks CSS untuk mengurangi permintaan HTTP. Akhirnya, pertimbangkan mengoptimalkan download paralel dengan menggunakan nama host yang berbeda untuk mengurangi objek overhead.
  • TOTAL_CSS - . Perhatian Jumlah file CSS eksternal di halaman ini adalah 4, pertimbangkan untuk mengurangi ini ke nomor yang lebih masuk akal. Karena file CSS eksternal harus dalam HEAD dokumen HTML Anda, mereka harus memuat pertama sebelum menampilkan konten BODY. Meskipun mereka cache pada request berikutnya, file CSS memperlambat tampilan awal halaman Anda. Kombinasikan, memperbaiki, dan mengoptimalkan file CSS eksternal Anda. Idealnya Anda harus memiliki satu (atau bahkan menanamkan CSS untuk halaman lalu lintas tinggi) pada halaman Anda. Anda dapat mengoptimalkan file CSS menggunakan properti singkatan, pengelompokan, dan kemudian mengecilkan dan GZIP kompres mereka untuk mengurangi jejak mereka. Ingatlah untuk menempatkan file CSS di HEAD dan JavaScript file pada akhir BODY untuk mengaktifkan tampilan progresif.
  • TOTAL_SIZE - Peringatan! Ukuran total halaman ini adalah 1076088 bytes, yang akan memuat dalam 222,06 detik pada modem 56Kbps. Pertimbangkan mengurangi ukuran total halaman kurang dari 100K untuk mencapai sub waktu respon 20 detik pada koneksi 56K. Artikel di 100K melebihi ambang batas yang paling perhatian di 56kbps, bahkan dengan umpan balik. Pertimbangkan mengoptimalkan situs Anda dengan Website Rahasia Optimasi , Speed ​​Up Situs Anda atau menghubungi kami tentang layanan pengoptimalan kami.
  • TOTAL_SCRIPT - . Perhatian Jumlah file skrip eksternal di halaman ini adalah 5, pertimbangkan untuk mengurangi ini untuk satu atau dua. Kombinasikan, refactor, dan mengecilkan untuk mengoptimalkan JavaScript Anda file. Idealnya Anda harus memiliki satu (atau bahkan menanamkan script untuk halaman lalu lintas tinggi) pada halaman Anda. Pertimbangkan menjahit file JavaScript bersama-sama di server untuk meminimalkan permintaan HTTP. Menempatkan file JavaScript eksternal di bagian bawah BODY Anda, dan file CSS di HEAD memungkinkan tampilan progresif dalam halaman web XHTML.
  • HTML_SIZE - Selamat , ukuran total file HTML ini adalah 28.186 byte, yang kurang dari 50K. Dengan asumsi bahwa Anda menentukan TINGGI dan LEBAR gambar Anda, ukuran ini memungkinkan Anda HTML untuk menampilkan konten di bawah 10 detik, pengguna waktu rata-rata bersedia untuk menunggu halaman untuk menampilkan tanpa umpan balik.
  • IMAGES_SIZE - Peringatan! total ukuran gambar Anda adalah 873.113 byte, yang lebih dari 100K. Pertimbangkan beralih format grafis untuk mencapai ukuran file yang lebih kecil (dari JPEG ke PNG misalnya). Akhirnya, menggantikan teknik CSS untuk teknik grafis untuk menciptakan perbatasan berwarna, latar belakang, dan spasi.
  • SCRIPT_SIZE - Peringatan! Ukuran total eksternal script Anda adalah 174.231 byte, yang lebih dari 20K. Pertimbangkan mengoptimalkan JavaScript untuk ukuran, menggabungkan mereka, dan menggunakan kompresi HTTP mana yang sesuai untuk setiap script ditempatkan di HEAD dokumen Anda. Anda dapat mengganti menu CSSuntuk menu berbasis JavaScript untuk meminimalkan atau bahkan menghilangkan penggunaan JavaScript.
  • CSS_SIZE - Selamat , ukuran total CSS eksternal Anda adalah 558 byte, yang kurang dari 8K.
  • MULTIM_SIZE - Selamat , ukuran total semua file multimedia eksternal Anda adalah 0 byte, yang kurang dari 10K.

2.Julian Project (Blog Pembanding)

Tampilan Utama .

Halaman Web Laporan Kecepatan

URL:http://julianproject99.blogspot.com/
Judul:Julian Proyek
Tanggal:Laporan dijalankan pada Sun Apr 28 08:31:34 EDT2013

Diagnosa

Statistik global

Jumlah HTTP Permintaan:36
Jumlah Ukuran:1317339 bytes

Total Ukuran Obyek

Jenis ObyekUkuran (byte)Ambil @ 56K (detik)Unduh @ T1 (detik)
HTML:259.44552.111.77
Gambar HTML:745.200150.125.55
Gambar CSS:255.20654.665.15
Jumlah Gambar:1000406204.7810.7
Javascript:93.22819.181.09
CSS:87122.540.85
Multimedia:00.000.00
Lainnya:00.000.00

Objek eksternal

Eksternal ObyekQTY
Jumlah HTML:2
Jumlah Images HTML:8
Jumlah Images CSS:19
Jumlah Gambar:27
Jumlah Script:3
Jumlah impor CSS:4
Jumlah Frames:0
Jumlah Iframe:1

Ambil Waktu *

Koneksi TingkatAmbil Waktu
14.4K1.028,20 detik
28.8K517,70 detik
33.6K444,77 detik
56K269,74 detik
ISDN 128K87.60 detik
T1 1.44Mbps14.18 detik
* Perhatikan bahwa download kali ini didasarkan pada tingkat koneksi penuh untuk ISDN dan koneksi T1. Koneksi Modem (56Kbps atau kurang) yang dikoreksi dengan faktor packet loss 0,7. Semua waktu download termasuk penundaan karena round-trip latency dengan rata-rata 0,2 detik per objek. Dengan 36 jumlah objek untuk halaman ini, yang menghitung dengan jeda waktu total akibat latency dari 7,2 detik. Perhatikan juga bahwa ini download perhitungan waktu tidak memperhitungkan penundaan rekening karena XHTML parsing dan rendering.

Halaman Objects

QTYUKURAN #TYPEHALAMANURLKOMENTAR
1Tidak ditemukanCSSMain Docjulianproject99.blogspot.com ... 400-widget_css_bundle.cssUkuran header yang = 334 byte
Selamat! File ini dikompres.
Melihat diformat versi file CSS ini  
1Tidak ditemukanCSSMain Docjulianproject99.blogspot.com ... css / authorization.css? ...Ukuran header yang = 334 byte
Selamat! File ini dikompres.
Melihat diformat versi file CSS ini  
2212.669IMGMain Docwww.free-hdwallpapers.com ... llpapers/anime/530127.jpgUkuran header yang = 328 byte  
142.059SCRIPTMain Docajax.googleapis.com ... ui/1.5.3/jquery-ui.min.jsUkuran header yang = 376 byte
Selamat! File ini dikompres.  
131.428SCRIPTMain Docwww.google.com ... t / script / friendconnect.jsUkuran header yang = 345 byte
Selamat! File ini dikompres.  
322226HTMLMain Dochttp://julianproject99.blogspot.comUkuran header yang = 389 byte
Selamat! Kau menyelamatkan bandwidth dengan mengompresi file ini.
Melihat diformat versi file HTML  
2Tidak ditemukanCSS IMGMain Docjulianproject99.blogspot.com ... ui/gprofile_button-16.pngUkuran header yang = 318 byte  
1Tidak ditemukanCSS IMGMain Docjulianproject99.blogspot.com ... BiSxfygAAAABJRU5ErkJggg ==Ukuran header yang = 318 byte  
1Tidak ditemukanCSS IMGMain Docjulianproject99.blogspot.com ... wJkE / KhUMAAAAAElFTkSuQmCCUkuran header yang = 318 byte  
1Tidak ditemukanCSS IMGMain Docjulianproject99.blogspot.com ... BiSxfygAAAABJRU5ErkJggg ==Ukuran header yang = 318 byte  
1Tidak ditemukanCSS IMGMain Docjulianproject99.blogspot.com ... wJkE / KhUMAAAAAElFTkSuQmCCUkuran header yang = 318 byte  
1Tidak ditemukanIMGMain Docjulianproject99.blogspot.com ... yeq4WqwA/s512-c/photo.jpgUkuran header yang = 318 byte
Berkas tidak ditemukan  
2216.839IMGMain Doc1.bp.blogspot.com ... SxY/s1600/Fallen + Zero.jpgUkuran header yang = 376 byte  
2206.814IMGMain Doc1.bp.blogspot.com ... Ndam-benih-wallpaper-6.jpgUkuran header yang = 377 byte  
2108.241IMGMain Doci194.photobucket.com ... Gundam_Wing_Wallpaper.jpgUkuran header yang = 376 byte  
291.094CSS IMGMain Doc4.bp.blogspot.com ... ht-4MANA/s1600/slider.pngUkuran header yang = 369 byte  
391002CSS IMGMain Dochttp://julianproject99.blogspot.comUkuran header yang = 370 byte  
249.789CSS IMGMain Doc2.bp.blogspot.com ... _Hc/s1600/silder-bg-1.pngUkuran header yang = 374 byte  
119.741SCRIPTMain Docajax.googleapis.com ... query/1.3.2/jquery.min.jsUkuran header yang = 376 byte
Selamat! File ini dikompres.  
24640CSS IMGMain Doc3.bp.blogspot.com ... YxuAo/s000/default128.pngUkuran header yang = 371 byte  
24568CSS IMGMain Doc4.bp.blogspot.com ... Q/s000/default-avatar.pngUkuran header yang = 375 byte  
24330CSS IMGMain Doc1.bp.blogspot.com ... vVk-wF-yU/s000/header.pngUkuran header yang = 366 byte  
24304CSS IMGMain Doc2.bp.blogspot.com ... yPgN_LE_U/s000/footer.pngUkuran header yang = 366 byte  
43122CSS IMGMain Doc4.bp.blogspot.com ... -oJ207os/s000/pattern.pngUkuran header yang = 367 byte  
21003CSS IMGMain Doc4.bp.blogspot.com ... 5A/s000/shadow-footer.pngUkuran header yang = 373 byte  
2714CSS IMGMain Doc2.bp.blogspot.com ... TuoY/s000/search-icon.pngUkuran header yang = 370 byte  
11475IMGMain Docimg1.blogblog.com ... / Icon18_wrench_allbkg.pngUkuran header yang = 306 byte  
2312CSS IMGMain Doc1.bp.blogspot.com ... gcpY/s000/nav-item_bg.pngUkuran header yang = 371 byte  
2273CSS IMGMain Doc2.bp.blogspot.com ... 1evwag/s000/ul-header.pngUkuran header yang = 369 byte  
7162IMGMain Docimg2.blogblog.com ... mg/icon18_edit_allbkg.gifUkuran header yang = 306 byte  
255CSS IMGMain Doc3.bp.blogspot.com ... w/s000/icon-li-bottom.gifUkuran header yang = 370 byte  
20IMGMain Docfc04.deviantart.net ... D_Destiny_by_sasukenp.jpgUkuran header yang = byte  
1Tidak ditemukanCSSIframe # 1studentsite.gunadarma.ac.id ... / Js / ThemeOffice / theme.css203  
1Tidak ditemukanCSS IMGIframe # 1studentsite.gunadarma.ac.id ... ges/03_content_backgr.png206  
1192.767HTMLIframe # 1http://studentsite.gunadarma.ac.id/news/news.php235  
18712CSSIframe # 1studentsite.gunadarma.ac.id ... .ac.id / news / css / admin.css271  
36 ^1317339 *Total (^ benda unik)
# Selamat. Situs ini menggunakan kompresi HTTP, jika tidak disebut pengkodean konten menggunakan gzip. Ukuran dilaporkan di sini adalah untuk konten dikompresi dikirim dari server ke klien.
* CSS stylesheet alternatif dapat dirujuk dalam HTML tetapi tidak benar-benar download sampai mereka dibutuhkan dan karenanya tidak termasuk dalam ukuran total halaman.

Analisis dan Rekomendasi

  • TOTAL_HTML - Selamat , jumlah file HTML pada halaman ini (termasuk file HTML utama) adalah 2 yang kebanyakan browser dapat multithread. Meminimalkan permintaan HTTP adalah kunci untuk optimasi situs web. Y
  • TOTAL_OBJECTS - Peringatan! Jumlah obyek di halaman ini adalah 36 yang dengan jumlah mereka akan mendominasi halaman web penundaan. Pertimbangkan mengurangi ini ke sejumlah lebih masuk akal. Di atas 20 obyek per halaman overhead dari berurusan dengan benda-benda yang sebenarnya (waktu deskripsi dan menunggu waktu) menyumbang lebih dari 80% dari seluruh halaman latency. Lihat Gambar II-3: distribusi relatif komponen latency menunjukkan bahwa biaya overhead objek mendominasi halaman web latency di Optimasi Website Rahasia untuk rincian lebih lanjut tentang bagaimana objek biaya overhead mendominasi halaman web latency. Kombinasikan, memperbaiki, dan mengoptimalkan objek-objek eksternal Anda. Ganti rollover grafis dengan CSS rollover untuk mempercepat tampilan dan meminimalkan permintaan HTTP.Pertimbangkan untuk menggunakan CSS sprite untuk membantu mengkonsolidasikan gambar dekoratif. Menggunakan teknik CSS seperti background berwarna, perbatasan, atau spasi bukannya teknik grafis dapat mengurangi permintaan HTTP. Ganti header teks grafis dengan header teks CSS untuk mengurangi permintaan HTTP. Akhirnya, pertimbangkan mengoptimalkan download paralel dengan menggunakan nama host yang berbeda atau CDN untuk mengurangi objek overhead.
  • TOTAL_IMAGES - Peringatan! Jumlah gambar di halaman ini adalah 27, mempertimbangkan mengurangi ini ke nomor yang lebih masuk akal. Merekomendasikan menggabungkan, mengganti, dan mengoptimalkan grafis Anda. Ganti menu rollover grafis dengan CSS rollover menu untuk mempercepat tampilan dan meminimalkan permintaan HTTP. Pertimbangkan untuk menggunakan CSS sprite untuk membantu mengkonsolidasikan gambar dekoratif. Gunakan teknik CSS seperti background berwarna, perbatasan, atau spasi bukannya teknik grafis untuk mengurangi permintaan HTTP. Ganti header teks grafis dengan header teks CSS untuk mengurangi permintaan HTTP. Akhirnya, pertimbangkan mengoptimalkan download paralel dengan menggunakan nama host yang berbeda untuk mengurangi objek overhead.
  • TOTAL_CSS - . Perhatian Jumlah file CSS eksternal di halaman ini adalah 4, pertimbangkan untuk mengurangi ini ke nomor yang lebih masuk akal. Karena file CSS eksternal harus dalam HEAD dokumen HTML Anda, mereka harus memuat pertama sebelum menampilkan konten BODY. Meskipun mereka cache pada request berikutnya, file CSS memperlambat tampilan awal halaman Anda. Kombinasikan, memperbaiki, dan mengoptimalkan file CSS eksternal Anda. Idealnya Anda harus memiliki satu (atau bahkan menanamkan CSS untuk halaman lalu lintas tinggi) pada halaman Anda. Anda dapat mengoptimalkan file CSS menggunakan properti singkatan, pengelompokan, dan kemudian mengecilkan dan GZIP kompres mereka untuk mengurangi jejak mereka. Ingatlah untuk menempatkan file CSS di HEAD dan JavaScript file pada akhir BODY untuk mengaktifkan tampilan progresif.
  • TOTAL_SIZE - Peringatan! Ukuran total halaman ini adalah 1317339 bytes, yang akan memuat dalam 269,74 detik pada modem 56Kbps. Pertimbangkan mengurangi ukuran total halaman kurang dari 100K untuk mencapai sub waktu respon 20 detik pada koneksi 56K. Artikel di 100K melebihi ambang batas yang paling perhatian di 56kbps, bahkan dengan umpan balik. Pertimbangkan mengoptimalkan situs Anda dengan Website Rahasia Optimasi , Speed ​​Up Situs Anda atau menghubungi kami tentang layanan pengoptimalan kami.
  • TOTAL_SCRIPT - . Perhatian Jumlah file skrip eksternal di halaman ini adalah 3, pertimbangkan untuk mengurangi ini untuk satu atau dua. Kombinasikan, refactor, dan mengecilkan untuk mengoptimalkan JavaScript Anda file. Idealnya Anda harus memiliki satu (atau bahkan menanamkan script untuk halaman lalu lintas tinggi) pada halaman Anda. Pertimbangkan menjahit file JavaScript bersama-sama di server untuk meminimalkan permintaan HTTP. Menempatkan file JavaScript eksternal di bagian bawah BODY Anda, dan file CSS di HEAD memungkinkan tampilan progresif dalam halaman web XHTML.
  • HTML_SIZE - Peringatan! Ukuran total halaman HTML ini adalah 259.445 byte, yang lebih dari 100K! Pertimbangkan mengoptimalkan HTML Anda dan menghilangkan konten yang tidak perlu dan fitur. Menyarankan Anda mengganti aturan CSS abstrak untuk gaya tertanam berulang dan menghilangkan banyak komentar dan spasi mungkin.Menggunakan kompresi HTTP untuk kompres XHTML dengan GZIP dapat mengurangi html Anda dengan rata-rata 75%.
  • IMAGES_SIZE - Peringatan! total ukuran gambar Anda adalah 1000406 byte, yang lebih dari 100K. Pertimbangkan beralih format grafis untuk mencapai ukuran file yang lebih kecil (dari JPEG ke PNG misalnya). Akhirnya, menggantikan teknik CSS untuk teknik grafis untuk menciptakan perbatasan berwarna, latar belakang, dan spasi.
  • SCRIPT_SIZE - Peringatan! Ukuran total eksternal script Anda adalah 93.228 byte, yang lebih dari 20K. Pertimbangkan mengoptimalkan JavaScript untuk ukuran, menggabungkan mereka, dan menggunakan kompresi HTTP mana yang sesuai untuk setiap script ditempatkan di HEAD dokumen Anda. Anda dapat mengganti menu CSSuntuk menu berbasis JavaScript untuk meminimalkan atau bahkan menghilangkan penggunaan JavaScript.
  • CSS_SIZE - . Perhatian Ukuran total CSS eksternal Anda adalah 8712 byte, yang berada di atas 8K dan kurang dari 20K. Untuk file eksternal, idealnya menjaga mereka kurang dari 1160 byte untuk muat dalam satu lebih tinggi kecepatan TCP-IP packet (atau perkiraan beberapa daripadanya). Pertimbangkan mengoptimalkan CSS dan menghilangkan fitur untuk mengurangi ini untuk ukuran yang lebih masuk akal.
  • MULTIM_SIZE - Selamat , ukuran total semua file multimedia eksternal Anda adalah 0 byte, yang kurang dari 10K.

Dari kedua BLOG site diatas dapat saya simpulkan bahwa kedua blog tersebut mempunyai kualitaas yang SETARA baiknya hanya kreatifitas sang editor memilih template dan mengeditnya lah yang menjadi pembeda dari kedau blog tersebut .

sumber analisis : http://analyze.websiteoptimization.com