Apa itu PageSpeed Insights Develovers ?
PageSpeed Insights adalah aplikasi untuk mengukur kinerja halaman website anda untuk perangkat seluler dan perangkat desktop. Alat ini mengambil URL dua kali, yang satu dengan agen pengguna seluler, dan yang satunya dengan agen pengguna desktop.
Skor PageSpeed berkisar antara 0 sampai 100 poin. Semakin tinggi skor semakin baik, dan skor 85 atau lebih menunjukkan bahwa laman bekerja dengan baik. Harap diperhatikan bahwa PageSpeed Insights terus disempurnakan, sehingga skor akan berubah saat kami menambahkan aturan baru atau meningkatkan analisis.
PageSpeed Insights mengukur bagaimana halaman website dapat meningkatkan kinerjanya dalam hal:
- waktu pemuatan/loading website : Waktu yang berlalu sejak pengguna meminta halaman baru hingga saat konten paling atas dirender oleh browser.
- waktu pemuatan laman penuh: Waktu yang berlalu sejak pengguna meminta halaman website baru sampai browser merender laman secara penuh.
Namun, karena kinerja sambungan jaringan sangat bervariasi, PageSpeed Insights hanya mempertimbangkan aspek kinerja laman yang tidak terkait dengan jaringan: konfigurasi server, struktur HTML laman, dan penggunaan sumber daya eksternalnya seperti gambar, JavaScript, dan CSS. Menerapkan saran seharusnya akan meningkatkan kinerja laman secara relatif. Akan tetapi, keseluruhan kinerja laman masih akan tergantung pada sambungan jaringan pengguna.
Setiap saran dinilai dengan indikator prioritas untuk menunjukkan tingkat kepentingannya:
| Ikon | Nama | Deskripsi |
|---|---|---|
 | tanda seru merah | Memperbaiki hal ini akan memberi dampak signifikan pada kinerja laman. |
 | tanda seru kuning | Pertimbangkan untuk memperbaiki hal ini jika tidak memerlukan kerja yang berat. |
 | tanda centang hijau | Tidak ditemukan masalah yang signifikan. Bagus! |
Hasil Analysis
Untuk Mempercepat Loading Website Anda Optimalkan
masing-masing fungsi Dibawah ini :
Prioritaskan konten yang terlihat.
hal ini berkenaan dengan template yang anda pakai, template yang baik adalah template yang menampilkan isi terlebih dahulu sebelum widgets, jika anda pengguna blogger, anda bisa melihat urutan konten yang ditampilkan di bagian template > jump to widget/lompat ke widget. sebuah template blogger yang baik telebih dahulu menampilkan header dan blog1. Lebih baik anda mengganti template web anda jika Aturan ini bewarna kuning atau merah
Mengurangi waktu respons server
hal ini berkenaan dengan server yang anda gunakan, untuk blogspot sudah pasti lolos karena blogspot memiliki waktu respons yang cepat, namun berbeda jika anda meng-host web sendiri, anda harus memilih virtual server yang cepat. Lebih baik anda mengganti server hosting anda jika Aturan ini bewarna kuning atau merah.
Memperkecil CSS
CSS pada template anda dapat diperkecil dengan menghapus semua komentar, namun itu saja tidak cukup, sebisa mungkin CSS yang anda gunakan efisien, maksudnya adalah semua kode di dalam CSS tersebut digunakan dalam html anda. Faro sarankan menggunakan tool ini : Minify CSS Online
Hindari Pengalihan laman Landas
maksudnya adalah sebisa mungkin untuk menampilkan website anda, pengunjung tidak harus dialihkan ke suatu web terlebih dahulu. Aturan ini untuk pengguna blogger mungkin banyak yang lolos karena secara harfiah, blogger hanya mengalihkan laman sesuai dengan perangkat yang dipakai, sebagai contoh jika anda pengguna komputer maka akan muncul web versi desktop, jika pengguna handphone maka akan muncul versi mobile. Namun, sangat disayangkan jika suatu web untuk masuk kedalamnya harus dialihkan untuk melihat iklan di suatu web tertentu (seperti linkbuck atau adf.ly), hal ini selain memperlambat waktu load website, juga membuat pengunjung merasa kurang nyaman.
Memampatkan HTML
Aturan ini mengharuskan kita untuk membuat struktur HTML yang efisien, sehingga waktu pengunduhan halaman website tidak lama. ada beberapa hal yang bisa dilakukan untuk membuat sebuah HTML menjadi efisien, yaitu dengan menggunakan CSS dan Javascript eksternal.
Memperkecil Javascript
Aturan ini berlaku pada Javascript eksternal, javascript diperkecil dengan cara menghapus semua komentar didalamnya. Faro sarankan untuk menggunakan tool ini : Minify Javascript Online
Optimalkan Gambar
Aturan ini banyak yang tidak lolos (berwarna kuning atau merah) saat para blogger menambahkan beberapa widgets di webnya seperti related posts atau hal lainnya, script yang digunakan umunya tidak memiliki width yang jelas pada gambar, ini yang akan membuat tidak lolos aturan ini.
Aktifkan Pemampatan
Aturan ini berlaku untuk pengaturan server, pengaturan gzip atau deflate berbeda - beda tiap server, pada server apache, deflate diatur di dalam file .htaccess, namun jika anda pengguna blogger, anda tidak perlu khawatir karena semua elemen blogger sudah termampatkan, kecuali resources css atau javascript eksternal anda. Jika web anda tidak lolos aturan ini, faro rasa itu tidak mengapa, karena dari pengalaman faro, dengan memampatkan resource eksternal dari server malah akan membuat resource tadi tidak berjalan dengan baik di blogna Faro.
Menghilangkan Javascript, dan CSS yang memblokir konten paruh atas.
konten paruh atas menurut Google PageSpeed adalah semua konten yang berada di daerah header sampai footer. Hal ini sering diremehkan oleh kebanyakan pengguna blogger, seperti memasang javascript eksternal di bagian head, pengunjung akan bosan menunggu web anda termuat karena terganjal waktu download dan render javascript.
Oleh karena itu ada baiknya menaruh javascript eksternal setelah footer, seperti jquery dan pluginnya, buatlah pengunjung anda senang dengan menampilkan isi web anda terlebih dahulu, dan buat pengunjung terpesona web anda menjadi cantik seiring pengunjung membaca Meski begitu ada widgets yang mengharuskan kita memasang javascript eksternal didalamnya, hal ini tidak perlu menjadi masalah karena widgets terletak dibawah blog post sehingga tidak mengganggu tampilnya isi blog anda.
hal ini berkenaan dengan template yang anda pakai, template yang baik adalah template yang menampilkan isi terlebih dahulu sebelum widgets, jika anda pengguna blogger, anda bisa melihat urutan konten yang ditampilkan di bagian template > jump to widget/lompat ke widget. sebuah template blogger yang baik telebih dahulu menampilkan header dan blog1. Lebih baik anda mengganti template web anda jika Aturan ini bewarna kuning atau merah
Mengurangi waktu respons server
hal ini berkenaan dengan server yang anda gunakan, untuk blogspot sudah pasti lolos karena blogspot memiliki waktu respons yang cepat, namun berbeda jika anda meng-host web sendiri, anda harus memilih virtual server yang cepat. Lebih baik anda mengganti server hosting anda jika Aturan ini bewarna kuning atau merah.
Memperkecil CSS
CSS pada template anda dapat diperkecil dengan menghapus semua komentar, namun itu saja tidak cukup, sebisa mungkin CSS yang anda gunakan efisien, maksudnya adalah semua kode di dalam CSS tersebut digunakan dalam html anda. Faro sarankan menggunakan tool ini : Minify CSS Online
Hindari Pengalihan laman Landas
maksudnya adalah sebisa mungkin untuk menampilkan website anda, pengunjung tidak harus dialihkan ke suatu web terlebih dahulu. Aturan ini untuk pengguna blogger mungkin banyak yang lolos karena secara harfiah, blogger hanya mengalihkan laman sesuai dengan perangkat yang dipakai, sebagai contoh jika anda pengguna komputer maka akan muncul web versi desktop, jika pengguna handphone maka akan muncul versi mobile. Namun, sangat disayangkan jika suatu web untuk masuk kedalamnya harus dialihkan untuk melihat iklan di suatu web tertentu (seperti linkbuck atau adf.ly), hal ini selain memperlambat waktu load website, juga membuat pengunjung merasa kurang nyaman.
Memampatkan HTML
Aturan ini mengharuskan kita untuk membuat struktur HTML yang efisien, sehingga waktu pengunduhan halaman website tidak lama. ada beberapa hal yang bisa dilakukan untuk membuat sebuah HTML menjadi efisien, yaitu dengan menggunakan CSS dan Javascript eksternal.
Memperkecil Javascript
Aturan ini berlaku pada Javascript eksternal, javascript diperkecil dengan cara menghapus semua komentar didalamnya. Faro sarankan untuk menggunakan tool ini : Minify Javascript Online
Optimalkan Gambar
Aturan ini banyak yang tidak lolos (berwarna kuning atau merah) saat para blogger menambahkan beberapa widgets di webnya seperti related posts atau hal lainnya, script yang digunakan umunya tidak memiliki width yang jelas pada gambar, ini yang akan membuat tidak lolos aturan ini.
Aktifkan Pemampatan
Aturan ini berlaku untuk pengaturan server, pengaturan gzip atau deflate berbeda - beda tiap server, pada server apache, deflate diatur di dalam file .htaccess, namun jika anda pengguna blogger, anda tidak perlu khawatir karena semua elemen blogger sudah termampatkan, kecuali resources css atau javascript eksternal anda. Jika web anda tidak lolos aturan ini, faro rasa itu tidak mengapa, karena dari pengalaman faro, dengan memampatkan resource eksternal dari server malah akan membuat resource tadi tidak berjalan dengan baik di blogna Faro.
Menghilangkan Javascript, dan CSS yang memblokir konten paruh atas.
konten paruh atas menurut Google PageSpeed adalah semua konten yang berada di daerah header sampai footer. Hal ini sering diremehkan oleh kebanyakan pengguna blogger, seperti memasang javascript eksternal di bagian head, pengunjung akan bosan menunggu web anda termuat karena terganjal waktu download dan render javascript.
Oleh karena itu ada baiknya menaruh javascript eksternal setelah footer, seperti jquery dan pluginnya, buatlah pengunjung anda senang dengan menampilkan isi web anda terlebih dahulu, dan buat pengunjung terpesona web anda menjadi cantik seiring pengunjung membaca Meski begitu ada widgets yang mengharuskan kita memasang javascript eksternal didalamnya, hal ini tidak perlu menjadi masalah karena widgets terletak dibawah blog post sehingga tidak mengganggu tampilnya isi blog anda.
Semoga Bermanfaat !!!
EmoticonEmoticon