Kecepatan tema Shopify di ponsel sungguhan
Pekerjaan kecepatan di Shopify memiliki pola yang dapat diprediksi: tim mengoptimalkan Liquid, berdebat tentang tema, dan membiarkan gambar hero dengan ukuran empat kali lipat dari yang ditampilkan serta sebelas skrip pihak ketiga dimuat sebelum halaman dirender.
Ukur dulu, lalu perbaiki sesuai urutan yang menguntungkan.
Ke mana waktu sebenarnya terbuang#
| Penyebab | Porsi masalah yang umum | Kesulitan untuk memperbaiki |
|---|---|---|
| Gambar terlalu besar atau tidak dioptimalkan | Besar | Mudah |
| Skrip pihak ketiga dan aplikasi | Besar | Sedang — politis, bukan teknis |
| Font web | Sedang | Mudah |
| Slider berat dan bagian hero video | Sedang | Mudah, jika Anda bisa memenangkan argumennya |
| Rendering Liquid | Kecil | Sedang |
Urutan untuk bekerja#
- Ukur di ponsel kelas menengah dengan koneksi nyata, bukan di laptop Anda.
- Perbaiki gambar: dimensi yang benar, format modern, lazy-load apa pun di bawah lipatan.
- Audit skrip: hapus aplikasi yang tidak digunakan siapa pun; tunda semua yang tidak diperlukan untuk render.
- Potong hero: satu gambar mengalahkan carousel video autoplay di setiap metrik yang penting.
- Subset dan preload font, atau gunakan font sistem.
- Baru kemudian lihat kode tema.
Ukur hal yang dirasakan pelanggan#
Largest contentful paint di halaman produk melalui koneksi mobile adalah angka yang berkorelasi dengan pendapatan. Skor sintetis berguna untuk mendeteksi kemunduran dan buruk sebagai tujuan — sebuah toko bisa mendapat skor bagus namun tetap terasa lambat bagi pelanggan di kereta.
Catat baseline sebelum perubahan apa pun dan setelah setiap perubahan. Tanpa baseline, pekerjaan kecepatan menjadi perdebatan tentang opini.
Percakapan tentang aplikasi#
Sebagian besar masalah kecepatan adalah aplikasi favorit seseorang. Bawa angka: aplikasi ini menghabiskan 400ms di setiap halaman produk dan digunakan oleh dua orang. Percakapan itu berjalan lebih baik daripada "situs ini lambat" dan itulah yang menghasilkan keuntungan nyata.
Pertanyaan yang sering diajukan
Apakah pilihan tema penting untuk kecepatan?
Kurang penting dibanding gambar dan skrip. Tema yang dibangun dengan baik membantu, tetapi tidak bisa mengungguli sebelas skrip pihak ketiga.
Apakah skor sempurna layak dikejar?
Tidak. Kejar waktu paint halaman produk di ponsel kelas menengah; itulah yang dialami pelanggan.
Apakah aplikasi benar-benar menghabiskan biaya sebanyak itu?
Yang menghadap storefront memang begitu. Ukur masing-masing dengan menonaktifkannya dan menguji ulang — angka biasanya menyelesaikan perdebatan.
kecepatan shopifykecepatan halaman shopifyperforma shopifycore web vitals shopifykecepatan tema shopify
