Meningkatkan Skor Kelajuan Kedai Shopify

Panduan praktikal mengoptimumkan Core Web Vitals (LCP, INP, CLS) di Shopify dengan membuang skrip tinggalan aplikasi lama, menangguhkan JavaScript pihak ketiga, dan mengoptimumkan imej WebP.

Meningkatkan Skor Kelajuan Kedai Shopify: Membersihkan Sisa Kod Aplikasi dan JavaScript Lapuk

Kebanyakan peniaga memasang berpuluh-puluh aplikasi Shopify untuk ulasan produk, kiraan detik, atau popup pemasaran. Malangnya, apabila aplikasi tersebut dipadamkan (uninstall), serpihan kod JavaScript pihak ketiga dan fail skrip cecair (Liquid snippets) kekal terbiar dalam tema, memperlahankan masa pemuatan laman web secara drastik.

Langkah 1: Mengesan Sisa Skrip Menggunakan Chrome DevTools

Buka laman web anda dalam Google Chrome, tekan F12 dan pilih tab Coverage serta Network:

Cari fail skrip dengan masa pelaksanaan JavaScript yang tinggi (TBT - Total Blocking Time).
Kenal pasti permintaan HTTP ke domain luar milik aplikasi yang sudah tidak digunakan lagi.
Semak skor Google Core Web Vitals terutamanya bagi metrik LCP (Largest Contentful Paint) dan INP (Interaction to Next Paint).

Langkah 2: Membuang Kod Tinggalan dalam Fail Tema

Buka editor kod tema (Online Store > Themes > Edit Code) dan bersihkan kawasan berikut:

Semak fail layout/theme.liquid dan padamkan semua tag <script> yang merujuk kepada CDN aplikasi lama.
Periksa folder snippets/ dan buang fail berawalan nama aplikasi lapuk (cth. judgeme_core.liquid, loox-snippet.liquid).
Gantikan skrip segerak (synchronous) kepada penangguhan tak segerak (asynchronous):

{% comment %} Tangguhkan pemuatan skrip bukan kritikal {% endcomment %}
<script src="{{ 'custom-analytics.js' | asset_url }}" defer="defer"></script>

Langkah 3: Mengoptimumkan Imej dan Format Moden

Pastikan semua imej sepanduk dan galeri produk menggunakan penapis format moden Shopify:

{{ product.featured_image | image_url: width: 800, format: 'webp' | image_tag: loading: 'lazy' }}

Tetapkan atribut loading="eager" dan fetchpriority="high" hanya pada imej sepanduk utama (Hero Image) untuk memaksimumkan markah LCP.

Tingkatkan Kelajuan, Tingkatkan Kadar Jualan Kedai Anda

Laman web yang lambat 1 saat boleh menyebabkan penurunan kadar penukaran jualan sebanyak 7%.

JagaWeb mengoptimumkan prestasi kod, membersihkan bebanan skrip, dan memastikan laman web anda mencapai markah hijau pada Google PageSpeed Insights.

RM5,000 untuk Semakan Pemilikan & Akses prestasi laman.
RM450/bulan untuk Pelan Penjagaan kelajuan dan kestabilan.

Tempah Semakan Pemilikan & Akses RM5,000 anda hari ini dan rasai kepantasan kedai sebenar.