Meningkatkan PageSpeed iMe Pada GTmetrix

Hellooo TimUr ^^

Balik lagi nih dengan CerMi dwi. Kali ini dwi akan sharing sedikit perihal kegiatan yang dwi lakukan seminggu ini, salah satunya yaitu Meningkatkan PageSpeed iMe Pada GTMetrix. Nahh cermi kali ini masih berhubungan dengan cermi dwi sebelumnya yaitu Sharing iMe With Kak Iz, bagi yang kepo dwi ngebahas apa dengan kak Iz bisa kepoin dulu yaaaaa 😛

Lanjuttt. Pada cermi tersebut, singkatnya dwi di berikan target oleh kak Iz untuk meningkatkan PageSpeed iMe dari yang tadinya F menjadi D. Nah cermi kali ini menjadi cermi dwi yang special karena dwi berhasil melebihi target dari kak Iz, yaitu dwi menaikkan PageSpeed iMe dari F sampai C 😀 Yeaaay

Sebelumnya dwi kasih tau dulu yah penyebab PageSpeed iMe begitu rendah, disimak yaaa.

  1. Kunjungi site gtmetrix , lalu ketikkan url yang akan di liat speed nya. Dwi menulis url ilearning.me lalu klik Analyze

2. Tunggu beberapa saat, maka akan muncul laporan analis performa site. Dapat dilihat PageSpeed Score iMe yaitu F (31%)

3. Pada keterangan, terdapat beberapa penyebab PageSpeed iMe menjadi rendah. Salah satunya yaitu Serve Scaled Images yaitu konversi ukuran gambar yang besar menjadi kecil. 

Contohnya pada iMe yaitu pada bagian Navigation, foto yang aslinya berukuran sebesar logo idu dibawah ini ini 

Hanya ditampilkan sebesar foto dibawah ini, pada bagian Navigation. 

Konversi foto-foto tersebut lah yang menjadi penyebab lambatnya loading saat mengunjungi iMe, maka dari itu langkah yang perlu di lakukan yaitu melakukan Resize pada ikon-ikon tersebut sesuai dengan kebutuhan yang akan ditampilkan.

Berikut dibawah ini langkah-langkahnya ^^

  1. Resize ikon-ikon tersebut menggunakan Paint

2. Setelah itu simpan foto lalu kirim pada RH untuk di ambil linknya dengan cara klik kanan lalu pilih Copy Link Address

3. Masuk halaman Dashboard pada ilearning.me . Lalu klik  Appearance – Widgets

4. Untuk mengubah link foto pada widgets Partner – Lalu ubah link pada bagian yg didalam kotak merah kemudian save

5. Untuk mengubah link foto pada navigation, Pilih Footer Widget Area 2 lalu Navigation – Text lalu ubah link seperti sebelumnya

6. Setelah selesai mengubah link foto, kunjungi kembali site gtmetrix untuk melihat statusnya. Dan taraaaaa PageSpeed Score iMe sudah naik menjadi C (76%) yang artinya melebihi target dari kak Iz

Semoga di cermi berikutnya dwi bisa meningkatkan PageSpeed iMe agar lebih cepat lagi yaa. Terimakasih buat yang sudah baca, semoga bermanfaat 😀

4 Responses

Leave a Reply

You must be logged in to post a comment.