Pendant le processus de développement, la page ne peut parfois pas être mise à jour à temps en raison de problèmes de mise en cache. Parfois, la page introduit des fichiers de script de style inutiles. Parfois, les performances de la page sont lentes en raison d'un trop grand nombre de fichiers et d'octets trop volumineux. problèmes, j’ai personnellement envisagé une solution provisoire.
La solution est la suivante :
décrire | Remarque | |
niveau de ressource |
Niveau de ressource de la page : | |
Plan d'optimisation |
L'optimisation se concentre principalement sur les aspects suivants : | D'autres optimisations reposent sur les compétences de développement et dépendent du niveau d'expertise |
Solution de sortie de fichiers | Sur la base des niveaux de ressources et des plans d'optimisation, les quatre plans suivants sont formulés : 1. Citez directement un seul fichier et introduisez-le dans l'ordre (, ) 2. Sur la base de 1, effectuez une compression de fichier unique 3. Fusionner dans un nouveau fichier unique en fonction du niveau de ressource 4. Basé sur 3, compressez les fichiers fusionnés | Pensées Option 3 : Comment déterminer le nombre de fichiers fusionnés ? |
problème de mise en cache | Utiliser le suffixe d'horodatage | |
f2econfig_json | Fichier de configuration : varf2eJson={ "Update": "20091015", // Mettre à jour le cache selon l'horodatage "Compress": "1",//Schéma de sortie de fichier (1, 2, 3, 4) "Common":[//Style public pour l'ensemble du site "commun/global.css" ], "Module":{ //Module et style "Module 1":["produit,.css"] }, "Page" :{//Styles appartenant à chaque page "index.php":["","sys/index.css"], //Le premier élément stocke le nom de référence du module, sinon, laissez-le vide. "search.php":["Module 1","product/search.css"] //Référence à plusieurs modules, séparés par ",", par exemple : module 1, module 2 } } |
|
f2engine.php | 1. Lisez le fichier de configuration json et convertissez-le en tableau php 2. Recherchez les ressources de style appartenant à la page en fonction des paramètres de ressources de chaque page. 3. Traiter selon le plan de sortie des fichiers 4. Sortie sur la page |
|
exemple |
Par exemple, la référence de style de la page search.php |
Le code est en cours d'élaboration. Accueillez tout le monde pour discuter et donner des conseils.
Texte original : http://www.cnblogs.com/nebel/archive/2009/08/03/f2engine_css_js.html