Maison > Applet WeChat > Développement de mini-programmes > Introduction aux méthodes d'optimisation de la taille du paquet principal du mini-programme

Introduction aux méthodes d'optimisation de la taille du paquet principal du mini-programme

不言
Libérer: 2018-12-14 10:47:23
avant
3533 Les gens l'ont consulté

Le contenu de cet article est une introduction à la méthode d'optimisation de la taille du paquet principal du mini-programme. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Actuellement, il existe les restrictions suivantes sur la taille du développement du mini-programme :

  • La taille de tous les sous-packages de l'ensemble du mini-programme ne dépasse pas 8M

  • La taille d'un seul sous-paquet/paquet principal ne peut pas dépasser 2M

Dans l'itération continue, le code peut facilement dépasser le limite et ne parvient pas à être téléchargé, la structure globale du projet a donc été optimisée récemment, résumée comme suit

1, utiliser le sous-emballage

Adresse officielle du document
Le package principal ne place que la page TabBar, et le reste des pages est placé dans le répertoire de sous-packaging, vous pouvez Etablir des dossiers de sous-traitance selon l'activité correspondante

├── pages                                 // 主包文件夹
│   ├── xxx1                              // xxx1 tarbar页面
│   ├── xxx2                              // xxx2 tarbar页面
│   ├── xxx3                              // xxx3 tarbar页面
│   └── xxx4                              // xxx4 tarbar页面
├── subPackages                           // 分包文件夹
│   ├── xxx                               // xxx 相关业务代码
│   ├── xxx                               // xxx 相关业务代码
│   ├── xxx                               // xxx 相关业务代码
│   ├── xxx                               // xxx 相关业务代码
│   └── xxx                               // xxx 相关业务代码
├── service                               // 服务层相关业务代码
├── .gitignore                            // git 忽略项
├── app.js              
├── app.json               
└── README.md                             // 说明文档
Copier après la connexion

2.

Pour les images qui ne changent pas fréquemment, vous pouvez utiliser un serveur CDN, puis référencer le lien CDN dans le mini-programme, par exemple le logo du mini-programme, l'image d'arrière-plan de la page d'accueil et le chargement d'une image d'invite de données. être placé sur le serveur CDN.

3. Nettoyer le code et les ressources inutilisés en temps opportun

Citer une citation officielle

Au cours du développement quotidien, nous avons peut-être introduit de nouveaux fichiers de bibliothèque, et après un Pendant une période de temps, cette bibliothèque n'est plus utilisée pour diverses raisons. Nous supprimons souvent simplement les références dans le code et oublions de supprimer ces fichiers de bibliothèque. À l'heure actuelle, le packaging du mini-programme placera tous les fichiers du projet dans le package de code. En d'autres termes, ces fichiers de bibliothèque et ces ressources qui ne sont pas réellement utilisés seront également placés dans le package de code, affectant ainsi la taille globale du package de code. .

4. Les fichiers de ressources doivent être placés à l'emplacement approprié

Selon le principe d'empaquetage du mini programme : les répertoires en dehors du chemin de configuration des sous-packages seront empaquetés dans l'application (package principal), Ainsi, une partie de la bibliothèque d'interface utilisateur, du plug-in js et de la bibliothèque de polices cités seront tous regroupés dans le package principal, de sorte que le package principal deviendra de plus en plus grand. Par conséquent, si un composant d'interface utilisateur tiers ou un plug-in tiers n'est nécessaire que pour une certaine page, essayez de le placer dans le répertoire de sous-traitance où se trouve la page. Après tout, le package principal ne dispose que de 2 Mo d'espace. et les sous-traitants ensemble peuvent avoir 8M d'espace.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:segmentfault.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal