Cara Cepat Meningkatkan Skor Wawasan Google PageSpeed ​​Magento Store Anda Tanpa Menjadi Pengembang

Terakhir diperbarui - 8 Juli 2021

Skor Google PageSpeed ​​Insights yang tinggi telah menjadi semacam tanda kualitas untuk toko Magento. Dan meskipun Google dan tim pengoptimalan utama Magento menggarisbawahi bagaimana itu bukan alat yang baik untuk mengukur pengoptimalan kinerja, pengecer online masih mengandalkannya untuk memantau kinerja toko mereka dalam hal kecepatan dan keandalan.

Itulah mengapa kami membuat panduan kecil tentang cara cepat memperbaiki skor Google PageSpeed ​​Anda bahkan jika Anda tidak memiliki keahlian pengembang. Semua perbaikan kami mudah diterapkan, mengemas banyak pukulan untuk upaya minimum, dan dapat diimplementasikan dalam satu hari.

Perbaiki #1. Dapatkan CDN yang Bagus

Jaringan Pengiriman Konten bukanlah obat untuk semua toko Magento tetapi sedekat mungkin dengan yang Anda dapatkan. Selain manfaat nyata dari pengiriman aset yang lebih cepat dan latensi yang lebih rendah, CDN menawarkan serangkaian fitur yang dapat membuat penyimpanan Magento Anda lebih cepat:

• pengoptimalan media (CDN tahu cara mengurangi ukuran gambar secara keseluruhan tanpa mengurangi kualitas),
• minifikasi dan kompresi aset statis seperti file CSS, JS, dan HTML (membuat aset yang lebih kecil pasti dapat membantu menyajikannya lebih cepat bahkan pada jaringan yang lebih lambat),
• menukar file JPEG lama dengan format WebP modern untuk browser yang mendukungnya (gambar dimuat lebih cepat dan menggunakan lebih sedikit ruang),
• mengonversi gambar ke format progresif (gambar progresif dimuat dengan cara yang berbeda dari yang konvensional, menawarkan pengguna rasa kinerja yang lebih tinggi meskipun secara teknis toko memuat pada kecepatan yang sama),
• menunda pemuatan aset (Magento terutama perlu menunda penguraian JavaScript ) untuk mempercepat pengiriman aset penting,
• memprioritaskan protokol HTTP/2 dan QUIC untuk memuat file lebih cepat dan tidak sinkron,
• menyempurnakan usia cache ke nilai optimal,
• menyajikan versi gambar yang berbeda untuk pengguna yang berbeda (multiversi berguna ketika browser membutuhkan gambar dengan ukuran yang lebih kecil, misalnya).

Menginstal dan mengonfigurasi CDN tidak memerlukan banyak keahlian teknis. Sebagian besar waktu Anda akan dapat menangani tugas tanpa terlalu banyak kesulitan. CDN adalah salah satu solusi terbaik untuk kinerja frontend Magento. Integrasinya dapat secara signifikan meningkatkan skor Google PageSpeed ​​Anda karena banyaknya perbaikan berguna yang ditawarkannya.

Meskipun CDN adalah alat terbaik di kotak alat kami, kami ingin menunjukkan kepada Anda dua opsi lagi tentang cara mempercepat toko Anda dan semoga membuat skor PageSpeed-nya lebih tinggi lagi.

Perbaiki #2. Pilih Hosting Magento yang Mampu

Magento adalah platform yang menuntut dan intensif sumber daya yang membutuhkan tim dukungan yang terfokus untuk membantu Anda memeras setiap kinerja terakhir dari server.

Sayangnya, sebagian besar waktu pemilik toko Magento tidak melihat penyedia hosting yang baik sebagai investasi yang berharga. Alih-alih mencocokkan persyaratan toko mereka dengan lingkungan server yang mumpuni, mereka mencari cara untuk mengoptimalkan Magento untuk memasukkannya ke dalam batas-batas terbatas dari solusi hosting bersama atau server pribadi virtual barebone.

Itulah mengapa sangat penting bagi Anda untuk memilih lingkungan hosting Magento dengan hati-hati dan bahkan lebih cermat lagi – tim dukungan teknis penyedia Anda. Mereka adalah orang-orang yang akan membantu Anda mengonfigurasi lingkungan dan menangani segala potensi kesulitan teknis yang mungkin Anda temui.

Penghosting yang baik dan server yang kuat akan menghasilkan peningkatan yang terlihat pada skor Google PageSpeed. Semakin kuat server, semakin banyak masalah yang akan dimitigasi terkait dengan kemacetan CPU – dan CPU adalah titik sempit paling umum di toko web Magento. Jadi jangan ragu apakah Anda memerlukan server yang lebih kuat – kemungkinan besar Anda hanya perlu mengupgrade.

Rekomendasi kami di sini: lakukan riset Anda. Baca ulasan, tanyakan sekitar, bicarakan dengan pakar komunitas, bandingkan penawaran dari penyedia yang berbeda, ajukan pertanyaan spesifik kepada hoster ini.

Perbaiki #3. Optimalkan Pengaturan Admin Magento

Bagian Admin Magento sering diabaikan tetapi merupakan vektor yang efektif untuk pengoptimalan Magento. Salah satu keuntungan dari optimasi Panel Admin Magento adalah Anda tidak perlu melakukan hal-hal yang sangat teknis. Cukup ikuti petunjuk sederhana tentang cara mengubah pengaturan tertentu di dalam Magento.

Aktifkan Katalog Datar. Ini adalah perbaikan yang efektif ketika Anda memiliki ribuan produk unik di toko. Katalog dan produk datar mengubah cara Magento menyimpan atribut produk di toko. Alih-alih menyimpannya dalam tabel database terpisah, ia membangun struktur datar yang membantu server mengambil nilai atribut lebih cepat dari sebelumnya. Buka Toko > Pengaturan > Konfigurasi > Katalog > Etalase dan ubah dua opsi ini menjadi Ya .

Ubah pengaturan JS. Untuk beberapa alasan, pengaturan default Magento JS tidak optimal. Tetapi jika Anda serius tentang kinerja Magento, kami sarankan Anda pergi ke Toko> Pengaturan> Konfigurasi> Lanjutan> Pengembang> Pengaturan JavaScript dan ubah seperti yang ditunjukkan di bawah ini.

Ubah pengaturan CSS. CSS yang tidak dioptimalkan dapat sangat memengaruhi kinerja, jadi sebaiknya buat dampak ini serendah mungkin. Buka Toko > Konfigurasi > Lanjutan > Pengembang dan ubah ke YA Perkecil dan Gabungkan pengaturan CSS.

Ubah pengaturan HTML. Pengaturan HTML terletak di Toko > Konfigurasi > Lanjutan > Pengembang > Pengaturan Template . Aktifkan minifikasi HTML untuk menghemat data dan mempercepat pemuatan halaman web. Kode yang diperkecil kurang mudah dibaca tetapi jauh lebih ringkas yang merupakan fitur hebat ketika Anda khawatir tentang kinerja pengiriman.

Perbaikan Bonus. Aktifkan Elasticsearch!

Pencarian di dalam toko tidak terlalu memengaruhi skor Google PageSpeed ​​Insights, tetapi tetap merupakan sesuatu yang harus Anda terapkan. Elasticsearch adalah peningkatan pengalaman pengguna yang luar biasa dan menawarkan manfaat kualitas hidup yang besar bagi pelanggan Anda.

Masalahnya, lebih sering daripada tidak, pencarian di dalam toko adalah salah satu elemen yang paling membuat frustrasi dari keseluruhan pengalaman berbelanja jika lambat atau tidak akurat. Untuk pengguna yang terburu-buru, kualitas pencarian Anda dapat menjadi perbedaan antara pembelian yang telah selesai dan pelanggan yang hilang.

Elasticsearch menawarkan penskalaan horizontal yang mudah, hasil yang cepat, kemampuan pencarian yang cerdas, sinonim dan penggunaan kata henti, dan dukungan multi-bahasa.

Buka Toko > Pengaturan > Konfigurasi > Katalog > Katalog > Pencarian Katalog untuk mengaktifkan Elasticsearch. Proses penyiapan lebih terlibat daripada 3 perbaikan sebelumnya tetapi memberi Anda manfaat yang cukup untuk membuatnya sepadan dengan waktu Anda. Setelah Anda mengaktifkan versi Elasticsearch yang diinginkan, Anda harus mengikuti panduan ini untuk menginstal sepenuhnya mesin pencari baru ini.

Catatan: Penyedia hosting yang berfokus pada Magento akan sangat akrab dengan Elasticsearch dan sering kali memiliki solusi integrasi Elasticsearch yang siap pakai untuk Anda gunakan. Lihat bagaimana semuanya datang bersama-sama? Penyedia hosting Magento yang baik akan membuat hidup Anda jauh lebih mudah, dalam banyak aspek.

Mendapatkan Skor Sempurna. Apakah Anda Membutuhkannya?

Skor Google PageSpeed ​​didasarkan pada lusinan audit terpisah yang menilai kecepatan toko Anda dalam banyak hal sehingga sulit untuk mencantumkannya di sini. Yang perlu Anda pahami adalah bahwa skor tidak ada artinya jika Anda mengejarnya sendiri, tanpa melihat pengalaman pengguna dan keterlibatan pengguna terlebih dahulu. Itu adalah metrik nyata yang ingin Anda tingkatkan.

Cara pelanggan Anda menjelajah, bagaimana mereka berperilaku di Checkout, di Keranjang Belanja, atau di Kisi Produk. Lihat di mana konversi tumbuh atau turun dan bagaimana Anda dapat meningkatkannya. Lagi pula, orang-orang nyata mendatangkan penjualan nyata. Robot tidak begitu penting bagi toko Anda.