{"id":4846,"date":"2020-09-29T08:39:25","date_gmt":"2020-09-29T01:39:25","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=4846"},"modified":"2020-09-29T13:53:31","modified_gmt":"2020-09-29T06:53:31","slug":"cara-menggunakan-gtmetrix-untuk-menguji-kecepatan-website","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/cara-menggunakan-gtmetrix-untuk-menguji-kecepatan-website\/","title":{"rendered":"Cara Menggunakan GTmetrix Untuk Menguji Kecepatan Website"},"content":{"rendered":"\n<p>GTmetrix adalah salah satu alternatif terbaik untuk <em>PageSpeed Insights<\/em> dalam hal mengukur kinerja situs Anda. Meskipun PageSpeed sebagian besar fokus pada warna dan skor untuk memandu pengguna melalui rekomendasinya, GTmetrix mengandalkan <em>interface <\/em>yang lebih klasik. Yuk baca <strong>Cara Menggunakan GTmetrix Untuk Menguji Kecepatan Website<\/strong><\/p>\n\n\n\n<p>Beberapa opsi penyesuaian (<em>test server region, type of browser<\/em>, dan lain-lain) membuat pengalaman dengan GTmetrix lebih lengkap dan tentunya dapat diandalkan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Apa Itu GTmetrix? <\/strong><\/h2>\n\n\n\n<p>GTmetrix merupakan salah satu alat paling populer untuk menganalisis kinerja kecepatan situs. Jika Anda menguji sebuah situs maka akan memberikan skor kinerja dan laporan yang menunjukkan kondisi situs saat ini, dan juga diberikan beberapa saran tentang poin apa saja yang dapat ditingkatkan.<\/p>\n\n\n\n<p>Alat ini gratis untuk digunakan. Namun, jika Anda ingin mendapatkan lebih banyak fitur, seperti filter laporan tak terbatas dan grafik penggunaan sumber daya, Anda dapat mencoba GTmetrix Pro dengan biaya mulai dari Rp 200.000 an\/bulan dengan paket Bronze.<\/p>\n\n\n\n<p>Hal lain yang perlu Anda ketahui adalah terkait bagaimana GTmetrix menggabungkan hasil dari <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Google PageSpeed Insights <\/a>dan <a href=\"http:\/\/yslow.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">YSlow<\/a> untuk membentuk skor kinerja dan rekomendasi. Tentu saja Anda tidak perlu melakukan pengujian pada alat lain karena hasilnya mencakup spektrum yang luas atas metrik kinerja dan menyajikannya secara komprehensif.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Apa yang Perlu Dipertimbangkan Saat Melakukan Tes Kecepatan Website? <\/strong><\/h2>\n\n\n\n<p>Sangat penting untuk memastikan bahwa hasil tes memang akurat dan relevan. Hal tersebut dikarenakan hasil yang tepat akan membantu Anda membuat keputusan yang tepat tentang apa saja yang akan membantu Anda untuk meningkatkan kecepatan situs Anda.<\/p>\n\n\n\n<p>Untuk meningkatkan akurasi tes, Anda harus memperhatikan faktor-faktor berikut ini:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Jumlah pengujian<\/strong> (<strong>the number of tests)<\/strong> &#8211; tidak cukup melakukan pengujian satu kali karena hasil dapat berubah berdasarkan jumlah <em>traffic<\/em>. Coba ulangi kembali tes pada waktu yang berbeda.<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Lokasi pengujian<\/strong> (<strong>test locations<\/strong>) &#8211; jika Anda memiliki audiens lokal, Anda mungkin ingin menetapkan lokasi pengujian ke pengunjung Anda yang terdekat. Sedangkan jika Anda menargetkan audiens global, Anda harus melakukan pengujian dengan banyak wilayah di seluruh dunia.<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Subjek uji <\/strong>(<strong>test subjects)<\/strong> &#8211; uji beberapa posting dan halaman untuk analisis yang lebih baik karena akan membantu mengetahui mana yang perlu dioptimalkan.<\/h3>\n\n\n\n<p>Ingatlah bahwa tujuan utama pengujian situs Anda adalah untuk meningkatkan kinerja situs secara keseluruhan, bukan hanya terkait dengan skor kinerja. Oleh karena itu, Anda harus mempertimbangkan setiap saran dalam laporan untuk memutuskan mana yang akan memberikan dampak positif terbesar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Bagaimana Cara Menjalankan Tes Kecepatan dengan GTmetrix? <\/strong><\/h2>\n\n\n\n<p>GTmetrix mudah digunakan, cukup ketik URL yang ingin Anda uji, dan Anda siap melakukannya. Namun sebelum melakukannya, Anda mungkin ingin mengubah konfigurasi pengujian. Anda cukup klik tombol <strong>Analysis Options<\/strong> di bawah tombol <strong>Analyze<\/strong>. Hal tersebut hanya akan tersedia jika Anda masuk ke akun GTmetrix karena tanpa itu maka Anda tidak akan dapat mengubah wilayah atau opsi lain.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"188\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-1-1024x188.png\" alt=\"menggunakan-gtmetrix-1\" class=\"wp-image-4848\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-1-1024x188.png 1024w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-1-300x55.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-1-768x141.png 768w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-1.png 1320w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Saat Anda <em>login<\/em>, Anda bebas menggunakan 30 server pengujian yang tersebar di enam wilayah:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Vancouver, Kanada<\/li><li>Dallas, AS<\/li><li>S\u00e3o Paulo, Brasil<\/li><li>London, Inggris<\/li><li>Mumbai, India<\/li><li>Hong Kong, Cina<\/li><li>Sydney, Australia<\/li><\/ul>\n\n\n\n<p>Anda juga dapat menguji kinerja situs dengan browser tertentu, seperti Chrome, Firefox, atau browser seluler.<\/p>\n\n\n\n<p>Selain itu, Anda dapat menguji dengan koneksi yang berbeda. Pilihannya berkisar dari <strong>56k Dial-up <\/strong>hingga <strong>koneksi Unthrottled<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"151\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-2-1024x151.png\" alt=\"menggunakan-gtmetrix-2\" class=\"wp-image-4849\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-2-1024x151.png 1024w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-2-300x44.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-2-768x113.png 768w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-2.png 1320w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Ada juga opsi tambahan, seperti menampilkan video tentang cara memuat halaman atau mencegah iklan dari <em>loading <\/em>di halaman yang diuji. Anda juga dapat mengatur pengujian untuk berhenti di jendela <strong>Onload<\/strong>, tepat saat pemrosesan halaman telah selesai.<\/p>\n\n\n\n<p>Saat Anda siap melakukan pengujian, cukup klik <strong>Analyze<\/strong>. Selanjutnya, Anda akan melihat skor kinerja dan total <em>load time<\/em>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"373\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-3.png\" alt=\"menggunakan-gtmetrix-3\" class=\"wp-image-4850\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-3.png 1024w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-3-300x109.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-3-768x280.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Di bawah skor kinerja, Anda dapat melihat enam tab yang mencakup bagian berbeda dari laporan, dengan masing-masing tab berisi saran yang berbeda untuk meningkatkan kecepatan situs Anda:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>PageSpeed<\/strong> \u200b\u200b- tab ini memberikan rekomendasi berdasarkan Google PageSpeed \u200b\u200bInsights, seperti memanfaatkan cache browser, dimensi gambar, dan meminimalkan HTML. Anda dapat melihat keseluruhan skor PageSpeed \u200b\u200bdi kotak Performance Scores.<\/li><li><strong>YSlow <\/strong>&#8211; tab ini juga menampilkan saran untuk meningkatkan kecepatan tetapi memberikan solusi yang berbeda, seperti membuat lebih sedikit permintaan HTTP, mengurangi pencarian DNS, dan menggunakan CDN (<em>Content Delivery Network<\/em>).<\/li><li><strong>Waterfall<\/strong> &#8211; tab ini memberi tahu Anda berapa lama setiap sumber daya untuk dimuat. Memeriksa tab ini akan menawarkan wawasan tentang sumber daya mana yang harus dioptimalkan.<\/li><li><strong>Timing <\/strong>&#8211; tab ini menunjukkan kepada Anda beberapa data yang terkait dengan <em>loading process<\/em>. Hasilnya lebih detail dan jika Anda ingin mengetahui lebih lanjut tentang setiap poin, Anda dapat mengarahkan kursor ke atasnya.\\<\/li><li><strong>Video <\/strong>&#8211; tab ini akan menampilkan video dari seluruh proses pemuatan. Anda dapat melihat elemen halaman mana yang membutuhkan lebih banyak waktu untuk dimuat secara visual. Anda juga dapat <em>download <\/em>video jika Anda ingin mendokumentasikan kinerja situs di setiap pengujian.<\/li><li><strong>History <\/strong>&#8211; tab ini menunjukkan history dari hasil tes. Anda dapat melihat perubahan dari <em>page load time<\/em>, <em>size<\/em>, dan skor PageSpeed serta YSlow.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-4-1024x531.png\" alt=\"menggunakan-gtmetrix-4\" class=\"wp-image-4851\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-4-1024x531.png 1024w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-4-300x156.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-4-768x399.png 768w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-4.png 1320w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Tips Mudah Meningkatkan Kecepatan Website <\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Mengaktifkan Kompresi GZIP <\/strong><\/h3>\n\n\n\n<p>Ukuran file dan jenis dapat mempengaruhi <em>load time <\/em>situs secara keseluruhan karena browser perlu memuat jenis file yang berbeda, seperti HTML, CSS, dan JavaScript. Untuk mengatasi masalah seperti ini, Anda dapat mencoba menggunakan kompresi GZIP. Anda dapat memeriksa apakah situs Anda diaktifkan dengan menggunakan alat, seperti <a href=\"https:\/\/smallseotools.com\/check-gzip-compression\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Check Gzip Compression<\/a>.<\/p>\n\n\n\n<p>Namun, jika situs Anda tidak mengaktifkan kompresi GZIP, Anda dapat mengaktifkannya dengan mengubah file <strong>.htaccess<\/strong>. Caranya adalah buka <strong>public_html <\/strong>directory situs Anda dengan FTP client, seperti FileZilla atau dengan menggunakan pengelola file hPanel. Tempatkan code snippet ini ke dalam file:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>&lt;IfModule mod_deflate.c&gt;<\/li><li>AddOutputFilterByType DEFLATE text\/plain<\/li><li>AddOutputFilterByType DEFLATE text\/html<\/li><li>AddOutputFilterByType DEFLATE text\/xml<\/li><li>AddOutputFilterByType DEFLATE text\/css<\/li><li>AddOutputFilterByType DEFLATE application\/xml<\/li><li>AddOutputFilterByType DEFLATE application\/xhtml+xml<\/li><li>AddOutputFilterByType DEFLATE application\/rss+xml<\/li><li>AddOutputFilterByType DEFLATE application\/javascript<\/li><li>AddOutputFilterByType DEFLATE application\/x-javascript<\/li><li>&lt;\/IfModule&gt;<\/li><\/ul>\n\n\n\n<p>Setelah menyimpan file, Anda dapat kembali menguji situs menggunakan pemeriksa (<em>checker<\/em>) atau dengan menjalankan pengujian GTmetrix lain dan memeriksa tab PageSpeed dan YSlow.<\/p>\n\n\n\n<p>Alternatifnya adalah Anda dapat menginstal plugin WordPress, seperti <a href=\"https:\/\/wordpress.org\/plugins\/wp-fastest-cache\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WP fastest cache<\/a>. Versi gratisnya memungkinkan Anda mengaktifkan kompresi GZIP hanya dengan beberapa klik.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Meminimalkan CSS, JavaScript, dan HTML <\/strong><\/h3>\n\n\n\n<p>Meminimalkan CSS, Javascript, dan HTML merupakan cara lain untuk meningkatkan <em>loading time<\/em>. Ini akan menghapus karakter yang tidak perlu di setiap file, seperti karakter spasi atau karakter <em>newline<\/em>.<\/p>\n\n\n\n<p>Anda dapat mencoba memperkecil file web dengan menggunakan alat, seperti <a href=\"http:\/\/minifycode.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Minify Code<\/a>. Salin kode asli dari GTmetrix yang dapat ditemukan di bagian saran minifying di tab PageSpeed atau Yslow.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"775\" height=\"144\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-5.png\" alt=\"menggunakan-gtmetrix-5\" class=\"wp-image-4852\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-5.png 775w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-5-300x56.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2020\/09\/Cara-Menggunakan-GTMetrix-Untuk-Menguji-Kecepatan-Website-5-768x143.png 768w\" sizes=\"auto, (max-width: 775px) 100vw, 775px\" \/><\/figure><\/div>\n\n\n\n<p><em>Paste <\/em>kode asli ke alat minifikasi untuk mendapatkan versi yang dioptimalkan. Selanjutnya <em>copy <\/em>dan timpa teks asli di direktori situs Anda. Anda dapat melakukannya dengan menggunakan FTP client&nbsp; atau file manager .<\/p>\n\n\n\n<p>Bagi Anda yang masih bingung bagaimana cara membuat website, tenang saja. Kami punya solusinya. Anda bisa langsung cek ke <a href=\"https:\/\/www.jetorbit.com\/\">Jetorbit<\/a> guna memenuhi kebutuhan pembuatan website Anda. Selain itu, kami juga menyediakan VPS dan bisa Anda cek <a href=\"https:\/\/www.jetvm.com\/\" target=\"_blank\" rel=\"noopener\">di sini<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>GTmetrix adalah salah satu alternatif terbaik untuk PageSpeed Insights dalam hal mengukur kinerja situs Anda. Meskipun PageSpeed sebagian besar fokus pada warna dan skor untuk memandu pengguna melalui rekomendasinya, GTmetrix mengandalkan interface yang lebih klasik. Yuk baca Cara Menggunakan GTmetrix Untuk Menguji Kecepatan Website Beberapa opsi penyesuaian (test server region, type of browser, dan lain-lain) &#8230; <a title=\"Cara Menggunakan GTmetrix Untuk Menguji Kecepatan Website\" class=\"read-more\" href=\"https:\/\/www.jetorbit.com\/blog\/cara-menggunakan-gtmetrix-untuk-menguji-kecepatan-website\/\" aria-label=\"Read more about Cara Menggunakan GTmetrix Untuk Menguji Kecepatan Website\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":4847,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"generate_page_header":"","footnotes":""},"categories":[9],"tags":[969,283,7,968,970],"class_list":["post-4846","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-cara-menggunakan-gtmetrix","tag-domain-murah","tag-hosting-murah","tag-menggunakan-gtmetrix","tag-menguji-kecepatan-website","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/4846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/comments?post=4846"}],"version-history":[{"count":3,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/4846\/revisions"}],"predecessor-version":[{"id":4866,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/4846\/revisions\/4866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media\/4847"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media?parent=4846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/categories?post=4846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/tags?post=4846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}