Lazy Load - tertangguh memuatkan foto produk. Joomla VirtueMart: pemasangan dan konfigurasi kedai dalam talian Virtuemart 3, memuatkan barangan secara beransur-ansur

Anda boleh meningkatkan kelajuan pemuatan halaman dengan cara yang berbeza:

  • caching
  • pemampatan fail css dan js
  • pengoptimuman imej

Dalam artikel ini kami akan menganalisis titik terakhir secara terperinci dan menunjukkan hasil yang boleh dicapai.

Apabila anda menggunakan lazy load untuk imej, berat halaman menjadi kurang, jadi halaman mula dimuatkan dengan lebih cepat.

Prinsip operasi adalah mudah - imej dimuatkan secara dinamik sebaik sahaja ia masuk ke dalam bidang pandangan pengguna. Sebagai contoh, penyemak imbas tidak perlu segera memuat turun semua foto produk dari kategori ia sudah cukup untuk memuat turun dan memaparkan imej untuk beberapa produk yang muncul pada skrin pertama. Jika terdapat banyak produk yang dipaparkan pada halaman, ini akan mempercepatkan pemuatan dengan ketara.

Terdapat 2 cara untuk mengintegrasikan beban malas ke dalam virtuemart:

  • secara manual, membuat beberapa perubahan pada templat
  • menggunakan pemalam yang membolehkan anda menambah beban malas untuk semua imej di tapak
Tambah beban malas secara manual

Terdapat banyak skrip yang boleh digunakan untuk mengintegrasikan beban malas ke dalam laman web. Saya menggunakan echo.js. Versi mampat skrip hanya mempunyai berat 2 KB. Contoh kerja boleh dilihat di halaman ini.

Mari sambungkan skrip ke halaman kategori. Pada halaman lain, pada pendapat saya, tidak ada gunanya menggunakan pemuatan malas. Jika anda perlu menambah beban malas untuk semua imej tapak, maka lebih baik menggunakan pemalam LLFJ - Muatan Malas untuk Joomla! , yang akan dibincangkan dalam bahagian seterusnya.

Jadi, mari salin fail skrip ke folder templat /templates/template_name/echo/ .

Mari gantikan kod untuk memaparkan imej dalam kategori.

Untuk virtuemart 3

Dalam fail /components/com_siteblayouts/products.php kami akan gantikan

< a title = " " href = " " >