Pusing dengan loading page situs anda masih lambat? Tenang aja sob, masih ada si mbah yang siap membantu kita.
Si mbah ini memang baik hati dan tidak sombong. Untuk masalah meta tag, dia bantu melalui Rich Sippets. Sedangkan untuk masalah kecepatan loading, dia siap membantu melalui PageSpeed Insight. Bageur pan?
Sesuai dengan tag-nya "Make your website faster", PageSpeed Insight siap memberikan saran-saran agar situs kita bisa lebih optimal sehingga dapat mempercepat loading page.
Tertarik dengan saran-saran si mbah? Gampang saja kok. Kamu bisa melakukannya dengan cara berkunjung ke Google Developers atau dengan cara inspect elements.
Nah, dengan PageSpeed Insight ini kita bisa mengetahui prioritas mana yang harus dilakukan perbaikan, apakah pada gambar, javascript, atau yang lainnya.
Satu hal yang harus diketahui, tidak semua saran si mbah ini bisa kita laksanakan. Misalnya kita disarankan untuk mempersingkat javascript dari plugin facebook, twitter atau yang lainnya. Nah, ini kan susah. Begitupun dengan saran penggabungan gambar (sprite), karena tidak semua gambar bisa bekerja dengan CSS sprite. Tapi paling tidak, dengan adanya saran si mbah ini, sedikit banyak kita bisa melakukan perbaikan-perbaikan pada situs kita supaya bisa berkerja lebih optimal, sehingga pada akhirnya nanti dapat membuat loading page situs kita lebih cepat lagi dari sebelumnya.
Ok, segitu aja sob. Semoga bermanfaat .....
Si mbah ini memang baik hati dan tidak sombong. Untuk masalah meta tag, dia bantu melalui Rich Sippets. Sedangkan untuk masalah kecepatan loading, dia siap membantu melalui PageSpeed Insight. Bageur pan?
Sesuai dengan tag-nya "Make your website faster", PageSpeed Insight siap memberikan saran-saran agar situs kita bisa lebih optimal sehingga dapat mempercepat loading page.
Tertarik dengan saran-saran si mbah? Gampang saja kok. Kamu bisa melakukannya dengan cara berkunjung ke Google Developers atau dengan cara inspect elements.
Cara Pertama
- Kunjungi Google Developers Product, lalu pilih Analyze with PageSpeed Insights.
- Setalah itu, masukkan URL situs lalu klik Analyze, seperti gambar berikut:
- Tunggulah beberapa saat hingga muncul Overview.
- Selanjutnya terserah, apakah mau mengikuti saran si mbah ini atau tidak.
Cara Kedua
- Install ekstensi PageSpeed Insight pada browser Chrome atau Firefox, dengan cara memilih Analyze with Chrome & Firefox.
- Setelah terpasang, buka situs yang akan dianalisa.
- Kemudian klik kanan dan pilih inspect elements (periksa elemen).
- Selanjutnya, klik PageSpeed lalu klik Analyze, seperti pada gambar berikut (inspect elements menggunakan Chrome):
- Tunggulah beberapa saat hingga muncul Overview.
Catatan:Khusus untuk Firefox, harus di-install dulu addons Firebug. Setelah terpasang, aktifkan Firebug sebelum melakukan inspect elements.
Nah, dengan PageSpeed Insight ini kita bisa mengetahui prioritas mana yang harus dilakukan perbaikan, apakah pada gambar, javascript, atau yang lainnya.
Satu hal yang harus diketahui, tidak semua saran si mbah ini bisa kita laksanakan. Misalnya kita disarankan untuk mempersingkat javascript dari plugin facebook, twitter atau yang lainnya. Nah, ini kan susah. Begitupun dengan saran penggabungan gambar (sprite), karena tidak semua gambar bisa bekerja dengan CSS sprite. Tapi paling tidak, dengan adanya saran si mbah ini, sedikit banyak kita bisa melakukan perbaikan-perbaikan pada situs kita supaya bisa berkerja lebih optimal, sehingga pada akhirnya nanti dapat membuat loading page situs kita lebih cepat lagi dari sebelumnya.
Ok, segitu aja sob. Semoga bermanfaat .....
6 komentarPosting Komentar
Mantap tulisannya kang...
maju terus...
@Herwan KurniawanSiip...
Selama masih punya waktu buat nulis, ya pasti nulis, hehehe...
makasih mas, sangat bermanfaat artikelnya
Tapi blog ini sendiri kenap loadingnya sangat lemot mas?
@Erianto Anas Tergantung paket internetnya, hehehe...
Mohon penjelasan cara memperbaiki kecepatan loading blog pada mode Selular kang.
Berikut pesan dari pagespeed insight, mohon bantuannya.
"" Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas.
Laman Anda memiliki 2 sumber daya CSS yang memblokir. Ini menyebabkan penundaan dalam perenderan laman Anda. ""
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.