Tujuh Kiat Teratas untuk Membuat Kecepatan Situs Web Magento Anda Sangat Cepat

Tip #1: Tingkatkan ke Magento 2 jika Anda Masih Menjalankan Magento 1

Adobe mengakhiri dukungan untuk Magento 1 pada Juni 2020, tetapi ratusan perusahaan masih menggunakannya. Jika Anda salah satunya, anggap pesan ini sebagai panggilan untuk bermigrasi secepatnya. Di antara banyak keuntungan Magento 2 (sekarang dikenal sebagai Adobe Commerce), kinerja adalah yang terbesar yang mengungguli rekan usangnya di banyak kasus penggunaan:

• Magento 2 memproses 39% lebih banyak pesanan per jam, mencapai hingga 2.558 pesanan per jam
• Ini memberikan waktu respons yang hampir instan untuk halaman katalog (<2 detik)
• Ini memungkinkan waktu respons server add-to-cart hingga 66% lebih cepat di bawah 500 milidetik
• Ini memberikan waktu respons checkout tamu 51% lebih cepat dan waktu respons checkout pelanggan 36% lebih cepat untuk semua langkah checkout digabungkan

Selain itu, versi Magento 2.4.x terbaru dan terbaru bahkan lebih cepat berkat peningkatan signifikan dalam waktu respons halaman etalase, waktu pemuatan gambar yang lebih cepat, serta peningkatan kinerja caching dan add-to-cart.

Tip #2: Ubah Penyedia Hosting Anda

Sebagian besar kinerja bergantung pada kemampuan server Anda untuk mempertahankan sejumlah besar pengguna tanpa melambat atau jatuh pada jam sibuk. Lupakan hosting bersama untuk toko Magento Anda. Paket hosting Anda harus menyertakan setidaknya hard drive solid-state (SSD) dan setidaknya 4GB RAM. Persyaratan sistem yang tepat akan bervariasi tergantung pada toko Anda.

Saya selalu merekomendasikan klien Magento saya untuk meng-host situs web mereka di AWS yang terjangkau dan kuat. Ini menyediakan lingkungan yang stabil yang memungkinkan Anda untuk memberikan kinerja situs web terbaik sambil meningkatkan operasi bisnis, pengguna, dan pesanan Anda.

Tip #3: Terapkan Strategi Caching yang Layak (atau Optimalkan yang Ada)

Cache adalah cara untuk memuat halaman web Anda terlebih dahulu untuk pengiriman konten yang cepat. Pada dasarnya, ini menyimpan semua elemen halaman, seperti teks dan gambar, sehingga pengguna tidak perlu meminta file dari server setiap kali mereka mengunjungi situs web Anda.

Caching sangat berguna ketika Anda memiliki produk dengan banyak atribut yang membutuhkan waktu terlalu lama untuk dimuat. Magento 2 memungkinkan caching halaman penuh out-of-the-box, tetapi Anda dapat lebih meningkatkan alirannya menggunakan teknologi caching canggih seperti Varnish dan Redis.

Varnish akan menyimpan (atau men-cache) file atau fragmen file dalam memori dan pada akhirnya akan mengurangi waktu respons dan konsumsi bandwidth jaringan pada permintaan yang setara di masa mendatang. Itu berada di antara server web dan database Magento, dan mem-proxy semua permintaan HTTP pengguna untuk mengurangi waktu respons untuk mengembalikan konten ke pengguna.

Redis akan bertindak sebagai cache default untuk menyimpan pertanyaan umum, kunci, dan sesi pengguna. Ini menggantikan sistem caching berbasis file standar Magento dan akan menambah kecepatan ekstra ke situs web Anda.

Sementara Varnish berfokus pada cache frontend, Redis dapat menyimpan struktur data lain seperti cache EAV dan Konfigurasi. Itu sebabnya saya merekomendasikan untuk menggunakannya bersama-sama.

Tip #4: Pertimbangkan untuk Menambahkan CDN

CDN adalah singkatan dari jaringan pengiriman konten. Mereka memiliki server yang terdistribusi secara geografis di seluruh dunia, sehingga pengguna dapat mengunduh data dari server yang paling dekat dengan mereka. CDN dapat mengirimkan semua jenis konten, termasuk gambar, media, file CSS/JS, tema, dan modul dan dapat bertindak sebagai pengoptimal situs secara keseluruhan.

Magento hadir dengan pra-konfigurasi untuk mendukung CDN, meskipun Anda harus memiliki beberapa keahlian teknis untuk menyiapkannya. Ini tidak mutlak diperlukan, terutama untuk bisnis skala kecil dengan sedikit lalu lintas yang tidak dapat berinvestasi dalam solusi teknologi dan implementasinya.

Namun, ini harus dimiliki untuk lalu lintas padat, situs web misi-kritis yang serius dalam memberikan pengalaman pengguna terbaik. Rekomendasi pribadi saya adalah Akamai, Cloudflare, dan Amazon Cloudfront.

Tip #5: Lakukan Audit Situs Web

Jika situs e-niaga menghasilkan $100.000 per hari, penundaan halaman 1 detik berpotensi menyebabkan Anda kehilangan penjualan $2,5 juta setiap tahun. Kelambatan itu disebabkan oleh kemacetan kinerja.

Ada banyak hal yang menyebabkan kemacetan, seperti jumlah permintaan server, bobot halaman, elemen halaman yang lambat, pemuatan gambar yang lambat, ekstensi pihak ketiga, dan kode yang ditulis dengan buruk atau tidak dioptimalkan. Audit mengidentifikasi masalah teknis ini di back-end dan front-end, menyelesaikannya, dan kemudian menunjukkan kinerja setelah modifikasi.

Beberapa hambatan kinerja Magento yang paling umum mungkin termasuk:

• Membiarkan modul inti yang tidak digunakan diaktifkan (misalnya, pengiriman dan pembayaran offline; Captcha, Persistent, RSS; MSRP, Send Friend, Weee, dll.).
• Menumpuk fitur yang tidak perlu, seperti plugin dan elemen tata letak.
• Kegagalan untuk mematuhi standar pengkodean dan praktik terbaik.

Bahkan menambahkan beberapa fitur situs web dapat membuat kinerja situs web Anda menurun. Lakukan audit kode Magento secara teratur untuk memastikan toko Anda tidak dipenuhi dengan bug dan kemacetan.

Kiat #6: Ikuti Praktik Terbaik Kinerja Magento

Ini mungkin tip yang paling jelas, tetapi sering kali berhasil. Praktik Terbaik Kinerja Magento adalah panduan berharga yang dibawakan oleh Adobe sendiri kepada Anda tentang cara mengonfigurasi toko Anda dengan cara yang paling efisien.

Panduan ini mencakup beberapa wawasan, tetapi berikut adalah pendorong kecepatan utama:

• Aktifkan semua cache dari halaman System > Tools > Cache Management. Lebih baik lagi, hubungkan cache Varnish yang sudah kita bahas di atas.
• Aktifkan pemberitahuan email asinkron
• Gunakan alat pihak ketiga seperti ekstensi pengoptimalan kecepatan Magento untuk minifikasi dan bundling JS (seperti r.js).
• Aktifkan protokol HTTP2 sebagai alternatif penggunaan bundling JS.
• Jangan gunakan pengaturan yang tidak digunakan lagi seperti menggabungkan file JS dan CSS karena mereka dirancang hanya untuk JS yang dimuat secara sinkron di bagian HEAD halaman. Menggunakan teknik ini dapat menyebabkan bundling dan membutuhkan logika JS untuk bekerja secara tidak benar.

Beberapa orang mungkin menganggap rekomendasi ini terlalu teknis, jadi sebaiknya Anda memiliki latar belakang teknis atau menggunakan bantuan seseorang dengan pengalaman sebelumnya di Magento.

Tip #7: Jalankan Tes Stres

Tes stres adalah langkah penting dalam meningkatkan skalabilitas dan memastikan bahwa toko Anda dapat menangani beban puncak selama penjualan kilat. Selama stress test, Anda mendorong situs ke titik puncaknya dengan meningkatkan beban secara bertahap di atas maksimum yang diharapkan.

Pertama, Anda perlu membuat data sampel untuk pengujian kinerja. Magento memungkinkan Anda membuat lebih banyak pengguna, toko, kategori, produk, dan sebagainya serta mengatur profil (kecil, sedang, besar, dan ekstra besar). Lihat dokumentasi resmi Magento untuk info lebih lanjut.

Kedua, Anda mengatur lingkungan pra-tes menggunakan alat pilihan Anda. Penting untuk melakukan perjalanan pengguna yang Anda petakan pada tahap persiapan dan memasukkannya ke dalam alat pengujian kinerja untuk membuat model beban kerja.

Ketiga, Anda mengkloning database Magento yang ada, memastikan semua alat berfungsi dengan baik, dan menjalankan uji kinerja. Anda nantinya dapat menganalisis hasilnya, membuat laporan, dan mengidentifikasi hambatan yang harus diatasi.

Saya tahu ini tampaknya lebih mudah diucapkan daripada dilakukan, tetapi tip terakhir ini akan sangat membantu bagi pedagang skala besar. Uji stres situs web Magento Anda untuk memastikannya dapat menangani volume lalu lintas yang tinggi dan skala berapa pun jumlah pengguna dan produk.

Satu catatan terakhir untuk kesimpulannya: pembeli online tidak pernah cukup sabar menunggu lebih dari 3 detik untuk memuat halaman produk. Terserah Anda untuk mengambil tindakan, mengalokasikan anggaran untuk pengoptimalan kinerja, dan mengesankan pelanggan Anda dengan pengalaman pengguna yang optimal.