{"id":23320,"date":"2021-08-23T15:05:22","date_gmt":"2021-08-23T08:05:22","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=23320"},"modified":"2021-08-23T15:12:46","modified_gmt":"2021-08-23T08:12:46","slug":"cara-menggunakan-google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-menggunakan-google-pagespeed-insights\/","title":{"rendered":"Cara Menggunakan Google Pagespeed Insights Terlengkap"},"content":{"rendered":"\n<p>Tahukah Anda bahwa kecepatan suatu halaman website sangat berpengaruh terhadap hasil pencarian di <em>search engine<\/em>? Google telah menyediakan tools yang dapat digunakan oleh para developer, untuk optimasi kecepatan website. Nama dari tools ini adalah Google PageSpeed Insight. Lalu, apa itu Google PageSpeed Insight dan bagaimana cara menggunakannya?<\/p>\n\n\n\n\n\n<p>Pada panduan ini, kami akan memberikan cara optimasi kecepatan website melalui analisa Google Pagespeed. Simak panduan berikut ini. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu Google PageSpeed Insight?<\/h2>\n\n\n\n<p>Google PageSpeed Insight adalah salah satu tools dari Google yang dapat Anda gunakan untuk mengecek kecepatan suatu page (website) pada perangkat mobile maupun desktop.<br \/>Tidak hanya untuk mengecek kecepatan, bahkan  Google PageSpeed dapat menganalisis konten halaman web dan memberikan saran agar halaman tersebut menjadi lebih cepat.<\/p>\n\n\n\n<p>Cara kerja dari Google PageSpeed adalah melakukan scanning pada halaman website yang Anda cek, lalu akan melaporkan skor kecepatan berdasarkan data lab yang dianalisis oleh <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/\">Lighthouse<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara menggunakan Google Pagespeed Insights <\/h2>\n\n\n\n<p>Berikut kami sampaikan langkah-langkah untuk menggunakan Google PageSpeed. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Silahkan akses halaman berikut:  <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">Google pagespeed<\/a><\/li><li>Isikan url halaman website Anda pada kotak<\/li><li>Klik Analisis.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI1-1024x479.png\" alt=\"Cara menggunakan Google Pagespeed Insights \" class=\"wp-image-23427\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI1-1024x479.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI1-300x140.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI1-768x359.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI1-370x173.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI1-270x126.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI1-570x266.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI1-740x346.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI1.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\"><li>Berikut contoh hasil analisa tools Google PageSpeed<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_mobile.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_mobile-1024x494.png\" alt=\"hasil analisis GPI seluler- Optimasi Kecepatan Website Menggunakan Google Pagespeed Insights\" class=\"wp-image-23481\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_mobile-1024x494.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_mobile-300x145.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_mobile-768x370.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_mobile-370x178.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_mobile-270x130.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_mobile-570x275.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_mobile-740x357.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_mobile.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Seperti yang dapat dilihat, Google Pagespeed menampilkan dua penilaian, yaitu perangkat seluler dan Desktop.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_desktop.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_desktop-1024x492.png\" alt=\"hasil analisis GPI desktop - Optimasi Kecepatan Website Menggunakan Google Pagespeed Insights\" class=\"wp-image-23482\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_desktop-1024x492.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_desktop-300x144.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_desktop-768x369.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_desktop-370x178.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_desktop-270x130.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_desktop-570x274.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_desktop-740x355.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_desktop.png 1274w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Hasil analisis GPI ini akan memberi tahu Anda semua yang perlu diketahui tentang website dan apa saja yang mungkin menghambat kinerjanya. Pada bagian <strong>Peluang <\/strong>dan <strong>Diagnostik<\/strong>, Google memberikan saran beberapa perbaikan untuk mengurangi waktu muat sekitar sekian detik.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_PeluangDiagnostik.png\"><img loading=\"lazy\" decoding=\"async\" width=\"895\" height=\"563\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_PeluangDiagnostik.png\" alt=\"hasil analisis Peluang dan Diagnostik GPI - Cara menggunakan Google Pagespeed Insights \" class=\"wp-image-23484\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_PeluangDiagnostik.png 895w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_PeluangDiagnostik-300x189.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_PeluangDiagnostik-768x483.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_PeluangDiagnostik-370x233.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_PeluangDiagnostik-270x170.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_PeluangDiagnostik-570x359.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/GPI_PeluangDiagnostik-740x465.png 740w\" sizes=\"auto, (max-width: 895px) 100vw, 895px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Tips optimasi agar mendapatkan skor tinggi <\/h2>\n\n\n\n<p>Kami percaya bahwa setiap developer atau pemilik website ingin mendapat skor tinggi dari Google Pagespeed. Nah, skor yang tinggi dapat Anda peroleh dengan cara menyelesaikan saran-saran hasil analisis Google Pagespeed.<\/p>\n\n\n\n<p>Berikut beberapa saran dari Rumahweb, agar website Anda mendapatkan skor yang tinggi di Google Pagespeed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Optimasi Cache website<\/h3>\n\n\n\n<p>Cache berfungsi untuk menyimpan data website ke dalam browser dari komputer pengguna. Sehingga ketika pengguna mengakses kembali halaman website Anda, data yang akan ditampilkan adalah data cache yang tersimpan pada browsernya terlebih dahulu. Proses ini membuat akses ke halaman website akan lebih cepat, daripada browser merequest data yang sama ke web server websitenya. <\/p>\n\n\n\n<p>Bagi pengguna CMS WordPress, ada beberapa plugin yang bisa digunakan untuk optimasi cache di website, seperti WP Rocket, LiteSpeed cache hingga W3 Total Cache. Untuk detail informasi dari Plugin cache tersebut, Anda bisa membacanya di artikel berikut:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.rumahweb.com\/journal\/panduan-install-plugins-litespeed-cache-di-wordpress\/\">Panduan Install Plugins LiteSpeed Cache di WordPress<\/a><\/li><li><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-rocket-plugin-cache-untuk-meningkatkan-kecepatan-wordpress\/\">WP Rocket : Plugin Untuk Meningkatkan Kecepatan WordPress<\/a><\/li><li><a href=\"https:\/\/www.rumahweb.com\/journal\/pengaturan-plugin-w3-total-cache-di-wordpress\/\">Pengaturan Plugin W3 Total Cache di WordPress<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Optimasi Content<\/h3>\n\n\n\n<p>Tanpa disadari, kita terkadang kurang memperhatikan ukuran gambar yang diupload ke websitenya. Padahal ukuran gambar sangat berpengaruh terhadap load website. Semakin besar load website, maka website akan semakin berat.<\/p>\n\n\n\n<p>Kami sarankan, setiap gambar yang Anda upload memiliki size kurang dari 200kb per gambar. Jika website Anda dibuat secara manual (php manual atau framework), kami sarankan sebelum Anda mengupload gambar, pastikan Anda telah melakukan <a href=\"https:\/\/blog.rumahweb.com\/cara-optimasi-gambar-pada-website\/\">compressing gambar<\/a> terlebih dahulu. <\/p>\n\n\n\n<p>Bagi pengguna WordPress, optimasi kecepatan website bisa dilakukan melalui plugin seperti <a href=\"https:\/\/www.rumahweb.com\/journal\/cara-optimasi-gambar-dengan-plugin-wp-smush\/\">WP Smush<\/a>, <a href=\"https:\/\/www.rumahweb.com\/journal\/wp-rocket-plugin-cache-untuk-meningkatkan-kecepatan-wordpress\/#3_Cara_setting_WP_Rocket_di_WordPress\">WP Rocket<\/a> hingga <a href=\"https:\/\/www.rumahweb.com\/journal\/cara-optimasi-gambar-menggunakan-tinypng\/\">TinyPng<\/a>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Minify Script<\/h3>\n\n\n\n<p>Minify adalah proses compressing data dari skrip website yang tidak digunakan. Cara kerjanya yaitu menghilangkan karakter spasi (white space), baris baru, komentar dari script website. Script website yang diproses oleh Minify antara lain CSS, HTML, dan Javascript.<\/p>\n\n\n\n<p>Plugin yang dapat digunakan untuk minify script ini adalah LiteSpeed cache dan W3 Total Cache. Selengkapnya bisa Anda baca pada artikel: <a href=\"https:\/\/blog.rumahweb.com\/apa-itu-minify-dan-seberapa-besar-pengaruhnya-pada-kecepatan-website\/\">Apa Itu Minify dan Seberapa Besar Pengaruhnya Pada Kecepatan Website?<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Optimasi pada tampilan Mobile<\/h3>\n\n\n\n<p>Agar halaman website dapat diakses dengan cepat dan responsive pada mobile, Anda perlu melakukan beberapa optimasi pada web berupa content dan theme. Seperti menggunakan AMP, hingga memilih template atau theme yang support mobile device.<\/p>\n\n\n\n<p>Accelerate Mobile Pages atau yang kita kenal dengan AMP adalah teknologi optimasi kecepatan website melalui mobile phone. AMP mulai diperkenalkan oleh Google sejak 2016, dan sejak saat itu aturan SEO pada website berubah sangat drastis, terlebih pada hasil pencarian Google search by mobile.<\/p>\n\n\n\n<p>Bagi pengguna CMS WordPress dan Joomla, Anda bisa mengikuti panduan berikut untuk instalasi amp pada websitenya.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.rumahweb.com\/journal\/cara-setting-google-amp-di-wordpress\/\">Cara Setting Google AMP di WordPress<\/a><\/li><li><a href=\"https:\/\/www.rumahweb.com\/journal\/installasi-plugins-amp-pada-cms-joomla\/\">Installasi Plugins AMP Pada CMS Joomla<\/a><\/li><\/ul>\n\n\n\n<p>Demikian artikel optimasi kecepatan website menggunakan Google Pagespeed Insights dari Rumahweb, semoga bermanfaat!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tahukah Anda bahwa kecepatan suatu halaman website sangat berpengaruh terhadap hasil pencarian di search engine? Google telah menyediakan tools yang dapat digunakan oleh para developer, untuk optimasi kecepatan website. Nama dari tools ini adalah Google PageSpeed Insight. Lalu, apa itu Google PageSpeed Insight dan bagaimana cara menggunakannya? Pada panduan ini, kami akan memberikan cara optimasi [&hellip;]<\/p>\n","protected":false},"author":342,"featured_media":23540,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[142],"tags":[1652,252,22],"class_list":{"0":"post-23320","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tips-dan-trik","8":"tag-google-pagespeed","9":"tag-optimasi","10":"tag-website"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/08\/Banner-Cara-Menggunakan-Google-Pagespeed-Insights-Terlengkap-min.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-648","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/23320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/342"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=23320"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/23320\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/23540"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=23320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=23320"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=23320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}