Menggunakan Kecepatan Page

Menjalankan Kecepatan Page

Kecepatan menghasilkan hasil yang diperoleh berdasarkan keadaan halaman pada saat Anda menjalankan tool tersebut. Untuk memastikan hasil yang paling akurat, Anda harus menunggu sampai halaman selesai loading sebelum menjalankan Kecepatan Page. Jika tidak, Speed Halaman mungkin tidak dapat sepenuhnya menganalisis sumber daya yang belum selesai men-download.

Atau, memungkinkan secara otomatis dijalankan pada pilihan onload memiliki Page Speed secara otomatis memulai analisis setelah setiap halaman dimuat dengan benar. Lihat Pilihan lanjutan di bawah ini untuk rincian.Untuk profil halaman dengan Page Kecepatan:

Start Firefox.
Pilih Peralatan > pembakar > Firebug Buka.
Pada jendela Firebug, pilih Kecepatan tab.
Navigasi ke halaman web Anda ingin menganalisis. Tunggu sampai Selesai pesan muncul pada status bar browser dan progress bar menghilang. Untuk halaman dengan video streaming, yang tidak menunjukkan Selesai pesan, tunggu sampai video mulai bermain.
Klik Analisis Kinerja. Ketika halaman dianalisis, Page Speed menampilkan daftar kinerja web praktik terbaik dan halaman skor pada setiap satu, diurutkan berdasarkan kepentingan / prioritas untuk halaman ini.
Opsional, lakukan salah satu dari berikut:

Expand salah satu aturan untuk melihat saran khusus untuk perbaikan.
Klik salah satu nama aturan untuk melihat dokumentasi tentang aturan masing-masing.
Klik Sumber Daya untuk menampilkan daftar rinci sumber daya direferensikan dari halaman ini.
Pilih Ekspor> Tulis JSON File untuk mengekspor hasil dalam format JSON.
Pilih Ekspor> Kirim Skor untuk www.showslow.com untuk mengirim hasilnya kepada Tampilkan Lambat, open source berbasis web untuk mengumpulkan alat metrik kinerja dari Speed Page dari waktu ke waktu. Untuk informasi pada data yang dikirimkan ke Show Lambat, lihatdokumentasi suar di Speed Page halaman proyek open source untuk minimal suar "".

Memahami skor Kecepatan kinerja Page

Untuk setiap aturan, Kecepatan Halaman memberi saran khusus untuk perbaikan, dan memberikan halaman skor "" menurut sebuah heuristik yang beratnya sejumlah faktor. Hal ini juga memberi halaman skor total kinerja.

Memahami skor per-aturan

Untuk setiap aturan, ada dua jenis nilai: nilai numerik, yang merupakan "kelas" dari 100, dan nilai-kode warna (hijau, kuning, atau merah). Nilai numerik adalah "mentah" skor yang menunjukkan bagaimana halaman dilakukan pada aturan bahwa, menggunakan beberapa ukuran kuantitatif, seperti, misalnya, jumlah elemen DOM, atau jumlah file yang didownload. Kode skor faktor-warna dalam nilai numerik dan aturan yang berat, yang merupakan gabungan dari dampak potensial dari aturan (berdasarkan pengalaman kami), dan kesulitan yang pelaksanaan.

Ini berarti bahwa tidak ada-ke-satu pemetaan satu antara skor numerik dan kode warna. Sebagai contoh, skor dari 0 / 100 bisa diterjemahkan ke dalam kode warna kuning jika berat aturan tidak terlalu tinggi. Oleh karena itu, Anda harus selalu mengacu pada kode-nilai warna seperti yang berwibawa.

Berikut adalah cara menafsirkan skor warna-code:

Prioritas tinggi. Saran-saran ini merupakan potensi terbesar kinerja menang untuk pengembangan usaha kecil yang relatif. Anda harus mengatasi item pertama.
Prioritas menengah. Saran ini mungkin mewakili kemenangan yang lebih kecil atau lebih bekerja untuk melaksanakan. Anda harus mengatasi item berikutnya.
Bekerja dengan baik atau prioritas rendah. Jika saran ditampilkan, seperti ditunjukkan dengan tanda +, mereka mungkin mewakili kemenangan kecil.Anda hanya harus peduli dengan item ini setelah Anda menangani prioritas yang lebih tinggi.
Informational pesan saja. Entah barang-barang ini tidak berlaku untuk halaman ini atau ada masalah dalam menjalankan ujian.

Tip: Jika hasil Anda menunjukkan sejumlah besar pesan informasi, hal ini mungkin karena Anda mencoba menganalisis halaman sebelum penuh.Klik Refresh Analisis untuk mengulangi analisis.

Memahami total skor

Kecepatan Page juga memberikan total-kode numerik dan nilai warna. Nilai numerik dihitung sebagai nilai numerik total halaman, dibagi dengan berat total dari semua aturan (termasuk aturan yang Anda punya "biru" /-hanya hasil informasi, yang non-skor). The-kode nilai warna dihitung dengan menggunakan heuristik berdasarkan jumlah, kuning, dan merah hijau hasil.

Rekaman kegiatan

Speed Page panel Aktivitas menunjukkan garis waktu dari semua aktivitas browser, termasuk kegiatan jaringan dan pengolahan JavaScript. Anda dapat menggunakan panel untuk lebih menganalisis halaman Anda dan mengkorelasikan hasil analisis kinerja Speed Halaman dengan data waktu aktual.

Catatan: fitur Speed Page Kegiatan tidak kompatibel dengan HTTPWatch. Sebelum menggunakannya, pastikan untuk menonaktifkan HTTPWatch: di Firefox, buka Tools > Add-ons, dan dari daftar add-ons, klik Nonaktifkan untuk HTTPWatch.

Perhatikan bahwa Kecepatan Kegiatan panel menunjukkan peristiwa browser untuk semua sesi browser yang terbuka. Gunakan prosedur di bawah ini untuk aktivitas rekor satu halaman.

Untuk merekam kegiatan untuk satu halaman:

(Re-) mulai Firefox dan menghapus semua tab.
Kosongkan cache browser.
Untuk menghapus semua aktivitas browser yang bisa dicatat, pergi ke sebuah halaman kosong dengan memasukkan about: blank pada kolom alamat.
Pilih Peralatan > pembakar > Firebug Buka.
Pada jendela Firebug, pilih Page Speed Kegiatan tab.
Klik Rekam Kegiatan.
Navigasi ke halaman yang Anda inginkan ke profil. Acara akan ditampilkan di sepanjang garis waktu.
Pada setiap saat, untuk memeriksa hasil, menghentikan timeline bergerak dengan mengklik Stop.

Tip: Anda juga dapat menggunakan cara pintas keyboard berikut untuk memulai dan menghentikan perekaman: Ctrl-R di Linux dan Mac OS X, Alt-R pada Windows.

Tips: Untuk melihat URL absolut dari sumber daya apapun, hover mouse diatas sumber daya untuk menampilkan tooltip sebuah.
Lihat di bawah untuk informasi lebih lanjut tentang peristiwa ditampilkan.

Memahami peristiwa Speed Aktivitas Page

Kegiatan panel menunjukkan peristiwa browser sepanjang garis waktu, untuk setiap sumber daya yang dibutuhkan untuk halaman yang sedang direkam.Acara yang diwakili dalam irisan waktu 10 milidetik. Jika peristiwa browser tidak mengambil seluruh 10 milidetik, acara ini ditampilkan dalam warna lebih terang. Segmen dalam timeline di mana tidak ada acara berwarna ditampilkan menunjukkan bahwa browser ditempati dengan pengolahan lainnya, seperti DOM dan parsing CSS, Flash ActionScript pengolahan, lukisan, sistem operasi, kegiatan dan sebagainya.

Tabel berikut ini menjelaskan jenis acara lebih terinci.

Jaringan peristiwa

Deskripsi

DNS

Browser ini melakukan lookup DNS untuk sumber daya ini

Tunggu

Browser ini menunggu untuk membangun jaringan (TCP) koneksi dengan server web. Karena browser membatasi jumlah koneksi dapat tetap terbuka, jika telah mencapai maksimum, maka harus menunggu sampai satu ditutup untuk memulai yang baru. (Untuk informasi tentang koneksi browser, lihat download Paralel di nama host.) Acara ini menunjukkan waktu browser menunggu sampai yang lain selesai.

Menghubungkan

Browser adalah membangun jaringan (TCP) koneksi dengan server web. Acara ini hanya muncul untuk sambungan baru, bukan untuk koneksi yang digunakan kembali.

Mengirim

Browser telah mengirimkan permintaan HTTP. Hanya GET permintaan yang akan ditampilkan.

Terhubung

Browser ini menunggu data melalui jaringan. Acara ini berakhir ketika browser mengakhiri koneksi TCP. Sumber daya yang menunjukkan peristiwa Connected panjang dapat mengambil manfaat dari optimasi untuk mengurangi ukuran muatan, seperti kompresi

Lokal peristiwa

Deskripsi

Cache Hit

Browser telah berhasil menempatkan sumber daya dalam cache tersebut.

Data Tersedia

Data telah dibuat tersedia untuk browser untuk parsing. Sebagai web server mengirimkan data dalam potongan, banyak dari peristiwa mungkin muncul untuk satu sumber daya, jika file besar.

Cat

Browser ini rendering elemen pada halaman.

JS Parse

Browser ini parsing JavaScript; ini. acara dapat tumpang tindih dengan kegiatan lain di mana tidak, itu akan ditampilkan di baris-sub untuk sumber daya itu.

Execute JS

Browser ini mengeksekusi JavaScript; ini. acara dapat tumpang tindih dengan kegiatan lain di mana tidak, itu akan ditampilkan di baris-sub untuk sumber daya itu. Jika Anda melihat penundaan substansial antara Parse Execute JS JS dan peristiwa, ini menunjukkan bahwa sumber daya berisi fungsi yang mungkin deferrable.

Mengumpulkan informasi lengkap JavaScript fungsi panggilan

Secara default, Aktivitas Speed Page mengumpulkan grafik panggilan dangkal yang berisi kali masuk dan keluar untuk fungsi pada bagian bawah setiap panggilan stack. Ini meminimalkan efek pengamat, meningkatkan akurasi timeline.

Namun, Anda mungkin ingin mengumpulkan grafik panggilan lengkap yang mencatat setiap doa fungsi. The Show beralasan Fungsi pilihan memungkinkan Anda untuk:

Dapatkan daftar fungsi pantas. Ini adalah fungsi yang instantiated (parsing) tetapi tidak disebut pada saat Anda berhenti merekam.
Dapatkan daftar fungsi delayable. Ini adalah fungsi yang dipanggil pada saat Anda berhenti merekam, menunjukkan perbedaan antara yang Instansiasi setiap fungsi waktu dan waktu doa pertama, memerintahkan dari terbesar ke terkecil perbedaan.
Di Linux dan Mac OS X, menyimpan seluruh pohon panggilan fungsi, termasuk mengurai dan waktu doa, untuk sebuah file di disk, dalam buffer protokolformat, sehingga Anda dapat melakukan analisis mendalam di atas mereka panggil Lihat grafik. Kegiatan Tersimpan Profil Panel untuk informasi lebih lanjut pada format file tersebut dan cara mengekstrak data dari itu.

Sebagai contoh, berikut screen shot diambil pada 7800 ms, dan menampilkan daftar fungsi yang tidak disebut pada saat itu, serta waktu di mana mereka parsing:

Screen shot berikut ini juga diambil di 7800 ms, dan menunjukkan semua fungsi yang telah disebut oleh titik itu, diurutkan dari yang paling ke paling delayable, yaitu, dari yang terbesar ke terkecil perbedaan antara waktu parsing dan doa pertama:

Untuk merekam aktivitas dan mengumpulkan grafik panggilan lengkap untuk satu halaman:

(Re-) mulai Firefox dan menghapus semua tab.
Kosongkan cache browser.
Untuk menghapus semua aktivitas browser yang bisa dicatat, pergi ke sebuah halaman kosong dengan memasukkan about: blank pada kolom alamat.
Pilih Peralatan > pembakar > Firebug Buka.
Pada jendela Firebug, pilih Page Speed Kegiatan tab, dan klik panah bawah untuk menampilkan pilihan menu pop-up *.
Dari menu pop-up, pilih Kendali Panggil Grafik.
Klik Rekam Kegiatan.
Navigasi ke halaman yang Anda inginkan ke profil. Acara akan ditampilkan di sepanjang garis waktu.
Setiap saat, lakukan hal berikut (yang juga akan menghentikan perekaman):
Untuk melihat jendela menampilkan daftar fungsi yang belum disebut, klik Tampilkan Fungsi pantas.
- Untuk melihat jendela menampilkan daftar fungsi yang telah dipanggil tetapi yang bisa ditunda, klik Tampilkan Delayable Fungsi.
- Untuk menyimpan pohon seluruh fungsi panggilan ke file dalam format buffer protokol, klik Simpan (tidak tersedia pada Windows).

Melihat snapshot cat

Dimulai pada Page Speed 1,3 dengan Firefox 3.5 dan yang lebih tinggi, Panel Aktivitas juga dapat menampilkan foto-foto yang progresif rendering browser halaman. Ketika snapshot cat akan diaktifkan, dan merekam aktivitas Anda, Kecepatan Page highlight setiap elemen kuning di halaman seperti yang diberikan oleh browser. Elemen ditampilkan dalam warna abu-abu adalah bagian dari halaman yang tidak dapat dilihat di jendela browser sekarang tanpa bergulir. Anda dapat menggunakan snapshot ini untuk membantu mendebug masalah rendering progresif, dan untuk mengoptimalkan render elemen pada halaman, karena tips, lihat artikel Rekam dan menganalisis peristiwa cat menggunakan browser Aktivitas Kecepatan.

Sebagai contoh, screen shot berikut menunjukkan teks dan elemen ikon yang dicat, diikuti oleh masukan berupa lapangan, diikuti dengan tombol bentuk:

Untuk merekam aktivitas dan lihat acara cat:

(Re-) mulai Firefox dan menghapus semua tab.
Kosongkan cache browser.
Untuk menghapus semua aktivitas browser yang bisa dicatat, pergi ke sebuah halaman kosong dengan memasukkan about: blank pada kolom alamat.
Pilih Peralatan > pembakar > Firebug Buka.
Pada jendela Firebug, pilih Page Speed Kegiatan tab, dan klik panah bawah untuk menampilkan pop-up menu pilihan.
Dari menu pop-up, pilih Paint Snapshots.
Klik Rekam Kegiatan.
Navigasi ke halaman yang Anda inginkan ke profil. Acara akan ditampilkan di sepanjang garis waktu. Snapshot cat ditampilkan dalam pane terpisah di sisi kanan jendela.
Pada setiap saat, untuk memeriksa hasil, menghentikan timeline bergerak dengan mengklik Stop.

Menggunakan opsi lanjutan

Untuk melihat Page Speed opsi tambahan, pilih Kecepatan tab, dan klik panah bawah untuk menampilkan pilihan menu pop-up:

Setiap diuraikan di bawah ini.

Secara otomatis berjalan pada onload

Pilihan ini menyebabkan Kecepatan untuk secara otomatis menganalisis halaman begitu beban halaman. Selama pilihan ini diaktifkan, Speed Page akan berjalan secara otomatis untuk semua halaman berikutnya yang Anda kunjungi.

Untuk secara otomatis menjalankan Page Kecepatan saat halaman dibuka:

Buka Firebug, pilih Kecepatan tab, dan klik panah bawah untuk menampilkan pop-up menu pilihan.
Dari menu pop-up, pilih Otomatis Jalankan pada onload.
Navigasi ke halaman web Anda ingin menganalisis. Bila halaman selesai loading, Page Speed secara otomatis menjalankan analisis.

Profil deferrable JavaScript

Opsi ini menjalankan tes untuk pembebanan tangguhan JavaScript dan dinonaktifkan secara default. Tes ini mengumpulkan JavaScript jangkauan data dari Firefox JavaScript Debugger Layanan untuk menentukan fungsi halaman telah disebut (atau tidak) pada saat onload event dipicu. Layanan Debugger trek keadaan Firefox sesi seluruh dalam ruang global tunggal dalam memori, yaitu negara tidak per buka halaman, dan tidak dibersihkan setelah kembali halaman.Ini berarti bahwa jika Anda menjalankan profiler pertama kali Anda mengunjungi halaman dalam sesi Firefox, skor akan akurat untuk kunjungan tersebut.Tetapi jika Anda terus menggunakan halaman, dan tambahan JS dimuat dan dijalankan, halaman profil pada titik tersebut tidak akan melaporkan hasil yang akurat. Lebih jauh lagi, jika lebih dari satu referensi halaman yang sama JS eksternal file, profiler hanya laporan hasil untuk halaman pertama yang dikunjungi.

Untuk menjamin bahwa nilai Anda kinerja pada tes ini akurat, pastikan untuk menjalankannya saat pertama kali Anda memulai Firefox:

(Re-) memulai Firefox.
Pilih Peralatan > pembakar > Firebug Buka.
Pada jendela Firebug, pilih Kecepatan tab, dan klik panah bawah untuk menampilkan pop-up menu pilihan
Dari menu pop-up, pilih Profil Deferrable JavaScript.
Navigasi ke halaman web Anda ingin menganalisis.
Ketika halaman telah selesai loading, klik Analisa Kinerja.
Untuk menjalankan profiler terhadap halaman lain, Firefox dekat dan restart prosedur.

Catatan: Pilihan ini melambat secara signifikan browsing dan dapat menyebabkan Firefox untuk menggantung, terutama jika Anda membuka beberapa tab browser. Kami sarankan Anda menyimpan pilihan dinonaktifkan hingga Anda siap untuk menggunakannya, dan menonaktifkan ketika Anda selesai menggunakannya.

Simpan file dioptimalkan

Kecepatan Page secara otomatis mengoptimalkan JavaScript, CSS, dan file gambar direferensikan dari halaman saat Anda menjalankan analisis. Secara default, file dioptimalkan akan disimpan ke direktori berikut:

Linux: / tmp/page-speed- [css | javascript | gambar] /
Windows: C: \ Documents and \ Pengaturanusername\ Local Settings \ Temp \-kecepatan-[css halaman | javascript | gambar] \
Mac OS X: / User /username/ Library/Caches/page-speed- [css | javascript | gambar] /

Namun, Anda dapat mengubah direktori yang Kecepatan harus menyimpan file. Untuk melakukannya:

Buka Firebug, pilih Kecepatan tab, dan klik panah bawah untuk menampilkan pop-up menu pilihan.
Dari menu pop-up, pilih Simpan Optimized File Untuk, dan pilih direktori dari pilihan standar, atau pilih Pilih Jalur Custom untuk menentukan direktori kustom.

Set user agen

Kecepatan menghasilkan skor berdasarkan pada halaman dimuat oleh Firefox. Namun, untuk mengatasi perbedaan perilaku browser, beberapa situs menyediakan konten yang berbeda berdasarkan pengguna browser. Web server menentukan browser membuat permintaan berjalan berdasarkan suatu string agen pengguna bahwa browser mengirim dengan setiap permintaan,. Anda Jika situs yang berbeda melayani konten berdasarkan user agent string dan Anda ingin Kecepatan untuk kelas yang dilayani untuk konten yang spesifik browser, Anda dapat menggunakan User Agent Tetapkan pilihan.

Perhatikan bahwa halaman yang bekerja di browser lain mungkin tidak bekerja di Firefox, sehingga ada kemungkinan bahwa halaman profil Anda dengan agen pengguna yang berbeda tidak persis sama dengan apa yang pengguna browser yang akan melihat. Namun, seringkali hanya perbedaan kosmetik, dan Speed's rekomendasi Page masih berlaku.

Untuk memilih agen pengguna yang berbeda:

Buka Firebug, pilih Kecepatan tab, dan klik panah bawah untuk menampilkan pop-up menu pilihan.
Opsional, untuk menampilkan pilihan tambahan user agent, pilih Tampilkan Semua User Agents.
Dari menu pop-up, pilih dan pilih agen pengguna yang ingin Anda uji terhadap.
Navigasi ke halaman web Anda ingin menganalisis.
Ketika halaman telah selesai loading, klik Analisa Kinerja.
Untuk memutarkan lagi pengujian dengan agen pengguna lain, ulangi langkah 2-4.

Catatan: pilihan pengguna Agen dapat menyebabkan Firefox untuk menggantung untuk beberapa halaman web. Kami menyarankan Anda menjaga Nilai default setting untuk penggunaan dasar.

Menghapus Page Kecepatan

Untuk uninstall Speed Page, pada semua platform:

Di Firefox, pilih Tools > Add-ons.
Pada jendela yang muncul, pilih Kecepatan Page dan klik Uninstall.
Restart Firefo