Bagaimana untuk mengoptimumkan program mini WeChat? Perkongsian pengetahuan pengoptimuman yang anda mungkin tidak tahu

Bagaimana untuk mengoptimumkan program mini WeChat? Artikel ini meringkaskan beberapa pengetahuan pengoptimuman yang mungkin tidak difahami oleh pemula dalam program kecil dan berkongsi dengan semua orang. Saya harap ia akan membantu semua orang.

Komponen navigator diutamakan untuk lompatan halaman

Aplet menyediakan dua kaedah penghalaan halaman:
a komponen navigator
b API seperti navigateTo/redirectTo/switchTab/navigateBack/reLaunch.

Apabila perangkak WeChat merangkak kandungan program mini, menggunakan komponen navigator akan membantu perangkak merangkak kandungan peringkat halaman Jika program mini anda memberi lebih perhatian kepada pengoptimuman carian, adalah disyorkan untuk memberi keutamaan untuk menggunakan komponen navigator untuk melompat antara halaman [Pembelajaran berkaitan Disyorkan: Tutorial Pembangunan Program Mini]

Untuk butiran, sila rujuk dokumen "Panduan Pengoptimuman Carian Program Mini"

https://developers.weixin.qq.com/ miniprogram/dev/framework/search/seo.html

Untuk melompat antara halaman, gunakan ini .pageRouter.navigateTo dan bukannya wx.navigateTo ialah pilihan yang lebih baik

// index/index.js

Page({
  wxNavigate: function () {
    wx.navigateTo({
      url: './new-page'
    })
  },
  routerNavigate: function () {
    this.pageRouter.navigateTo({
      url: './new-page'
    })
  }
})

Anggapkan bahawa kod js indeks/indeks halaman adalah seperti yang ditunjukkan di atas. Jika anda telah melompat ke pek/indeks halaman baharu pada masa ini, dan kemudian memanggil kaedah wxNavigate di atas, laluan halaman baharu untuk melompat akan menjadi pek/halaman baharu dan jika kaedah routerNavigate dipanggil, halaman baharu untuk melompat ke Laluan masih indeks/halaman-baru.

Dalam erti kata lain, objek penghala yang diperolehi oleh this.pageRouter mempunyai kestabilan laluan asas yang lebih baik. (Contoh biasa ialah apabila pengguna mengklik butang untuk melompat ke halaman seterusnya. Kadangkala, disebabkan ketinggalan dan klik berterusan, halaman mungkin dibuka berulang kali. Menggunakan panggilan objek penghala halaman boleh mengelakkan situasi ini.)

Lihat "Objek Penghala Halaman" untuk mendapatkan butiran

https://developers.weixin.qq.com/miniprogram/dev/reference/api/Router.html

Program Mini Komponen senarai panjang

Apabila bercakap tentang pengoptimuman prestasi, kami sentiasa menyebut cara mengoptimumkan pemaparan data kandungan senarai panjang Idea teras penyelesaian adalah untuk hanya memaparkan data yang dipaparkan pada skrin . Pelaksanaan asas adalah untuk mendengar acara tatal , dan mengira semula data yang perlu diberikan, dan meninggalkan elemen ruang letak div untuk data yang tidak perlu diberikan.

Program mini secara rasmi menyediakan komponen pengembangan khusus untuk memaparkan senario data senarai panjang Untuk butiran, lihat "recycle-view":

https://developers.weixin .com/miniprogram/dev/extended/component-plus/recycle-view.html

Animasi dipacu tatal

Mengubah kemajuan animasi secara berterusan berdasarkan kedudukan tatal ialah a Senario yang agak biasa, jenis animasi ini boleh membuatkan orang merasakan bahawa interaksi antara muka adalah koheren dan semula jadi, dan pengalamannya lebih baik, seperti yang ditunjukkan di bawah:

Aplet WeChat direka bentuk untuk jenis ini Untuk adegan animasi, parameter ScrollTimeline telah ditambahkan secara khusus pada api animasi Untuk butiran, lihat: "ScrollTimeline":

https://developers.weixin.qq. com/miniprogram/dev/framework/view/animation.html

Jangan dengar acara menatal secara manual lagi

Di samping itu, Dokumen di atas akhirnya mempunyai Disebutkan bahawa jika anda perlu melaksanakan animasi yang lebih maju, anda boleh merangkumnya dalam bentuk komponen tersuai, kerana komponen tersuai boleh mencapai penyegaran separa tanpa menjejaskan keseluruhan halaman prestasi.

Mulakan cache pemaparan

Permulaan halaman applet dibahagikan kepada dua bahagian: pemulaan lapisan logik dan pemulaan lapisan lihat. Mendayakan cache pemaparan awal membolehkan lapisan paparan memaparkan secara langsung hasil pemaparan data awal halaman kepada pengguna terlebih dahulu tanpa menunggu lapisan logik dimulakan Ini boleh menjadikan halaman kelihatan kepada pengguna lebih awal (mengurangkan warna putih masa pemuatan skrin)

Menggunakan cache pemaparan awal, anda boleh:

• Paparkan bahagian halaman yang tidak akan berubah dengan cepat, seperti bar navigasi

• Paparkan halaman rangka terlebih dahulu untuk meningkatkan pengalaman pengguna; >Paparkan iklan terlebih dahulu, dsb.

• Untuk butiran, sila rujuk dokumen "Cache Permulaan"
• https://developers.weixin.qq.com/miniprogram/dev/framework /view/initial- rendering-cache.html

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:

Video Pengaturcaraan

! !

Atas ialah kandungan terperinci Bagaimana untuk mengoptimumkan program mini WeChat? Perkongsian pengetahuan pengoptimuman yang anda mungkin tidak tahu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!