Javascript: chargement quantité de données de la mémoire en fonction de la condition

Question

J'ai beaucoup de différents modèles regex automatiquement chargés chaque fois que mon script greasemonkey commence. 95% de cette mémoire chargée n'est pas nécessaire à aucun moment, donc je voudrais trouver un moyen de ne même pas mettre ces données en mémoire pour commencer si je sais qu'il ne sera pas utilisé.

Prenez ce un exemple de base:

var patterns = [ 
    { 
    name : 'p1', 
    url  : 'http://www.someurl.com', 
    pattern1 : /./, 
    pattern2 : /./, 
    pattern3 : /./, 
    }, 
    { 
    name : 'p2', 
    url  : 'http://www.someurl2.com', 
    pattern1 : /./, 
    pattern2 : /./, 
    pattern3 : /./, 
    }, 
    { 
    name : 'p3', 
    url  : 'http://www.someurl3.com', 
    pattern1 : /./, 
    pattern2 : /./, 
    pattern3 : /./, 
    }, 

]; 

.... et bien d'autres modèles.

Je n'ai pas besoin de charger les données si l'URL ne correspond pas à l'URL actuelle (location.href).

Answer 1

Le meilleur moyen est de pouvoir charger des données à la demande via GM_getResourceText + eval. Les données de ressources définies dans le bloc de métadonnées seront téléchargées lors de la première installation de l'utilisateur.

Documentation: http://wiki.greasespot.net/Metadata_block#.40resource

Vous devez penser comment stocker les données - peut-être une ressource par site (je sais méchant)?

Une autre solution plus simple pour résoudre les problèmes de performances consiste à stocker les expressions régulières sous forme de chaînes simples et à créer des objets RegExp uniquement lorsque cela est nécessaire. Par exemple: patterns : [".", ".", "."] et new RegExp(the_pattern) lorsque l'expression est réellement nécessaire.

Answer 2

Utilisez un document.write() pour inclure les données d'un fichier javascript séparé si et seulement si cela est nécessaire.

Answer 3

Puisqu'il s'agit d'un script GreaseMonkey, je suppose qu'il réside sur la machine de l'utilisateur, et non sur un site externe. Si ce n'est pas le cas, vous pouvez envisager de générer le JavaScript à la volée en fonction de l'URL. Sinon, vous pouvez stocker l'assignation de modèle JavaScript dans des fichiers séparés, récupérer un seul des fichiers en fonction de l'URL du site chargé et exécuter son contenu via eval() comme s'il s'agissait d'une requête JSON.

Answer 4

Vous pouvez coller avec votre définition actuelle de modèles et de supprimer tous les modèles que vous n'avez pas besoin:

var patterns = [ 
    //patterns array as defined in question 
]; 
var newpatterns = []; 
var count = 0; 

for (var i = 0 ; i < patterns.length ; i++){ 
    if (href.indexOf(patterns[i].url) == -1) { 
    newpatterns[count++] = patterns[i]; 
    console.log("remove " + patterns[i].name); 
    } 
} 
patterns = newpatterns; 

Bien que cette façon vous le charger encore tous en mémoire d'abord, mais pas vous tenir des objets n'ont pas besoin de toute la durée de vie de la page.

Un meilleur moyen serait de tester chaque objet un par un, avant qu'il ne soit ajouté au tableau de modèles, et ajoute uniquement des objets pertinents pour l'URL actuelle.

var patterns = []; 
var count = 0; 

var href = window.location.href; 

function addPattern(p){ 
    if (href.indexOf(p.url) != -1) patterns[count++] = p; 
} 

addPattern({ 
    name : 'p1', 
    url  : 'http://www.someurl.com', 
    pattern1 : /./, 
    pattern2 : /./, 
    pattern3 : /./, 
    }) 

addPattern({ 
    name : 'p2', 
    url  : 'http://www.someurl2.com', 
    pattern1 : /./, 
    pattern2 : /./, 
    pattern3 : /./, 
    }) 

addPattern({ 
    name : 'p3', 
    url  : 'http://www.someurl3.com', 
    pattern1 : /./, 
    pattern2 : /./, 
    pattern3 : /./, 
    })