2013-03-14 4 views
-1

Lequel est préféré en termes de performance?Attribut CSS Selcetor - Lequel est le plus rapide?

a[href*="op.ExtSite.com/p"] 

a[href*="shop.ExtSite.com/page"] 

a[href^="http://shop.ExtSite.com/page"] 

a[href^="http://shop.ExtSite.com/page"][href$=".html"] 

Mise à jour

Le dernier sélecteur aurait dû être écrit comme suit:

a[href^="http://shop.E"][href$=".html"] 

En outre, en ce qui concerne ce sélecteur multiple, je voudrais savoir quelle condition est vérifiée en premier lieu, la gauche ou celui de droite?

+0

S'il vous plaît ne pas passer du temps se soucier des différences minuscules de performance entre les différents sélecteurs CSS. Si vous voulez vraiment travailler sur les performances de votre site, utilisez un profileur et trouvez les endroits où votre propre code est lent. S'inquiéter de la performance de CSS Selector indiviual est le travail des fabricants de navigateur, pas des concepteurs de site. – Spudley

+0

@Spudley: Je serais heureux d'en savoir plus sur le "profilage". – Iryn

+0

Pour le code frontal sur le navigateur, les navigateurs modernes disposent d'outils de profilage; voir l'option dev tools (appuyez sur F12 dans la plupart des navigateurs). Essayez également l'outil [YSlow] (http://developer.yahoo.com/yslow/). Si vous avez écrit du code côté serveur, cela doit également être profilé, mais l'outil à utiliser variera en fonction de la langue dans laquelle vous avez écrit le code. Pour la plupart des sites, les véritables goulets d'étranglement seront sur le serveur , généralement avec des choses comme les requêtes DB complexes qui sont lentes. Le réglage de la performance consiste avant tout à optimiser les grandes choses. – Spudley

Répondre

0

Je suppose soit celui

a[href^="http://shop.ExtSite.com/page"] 

ou

a[href^="http://shop.ExtSite.com/page"][href$=".html"] 

comme il commence à chercher de la première de la chaîne de sorte que tous les liens qui ne sont pas h au début seront évités.

MISE À JOUR si vous devez vérifier sur le modèle complet puis aller avec celui je l'ai mentionné ci-dessous:

a[href^="http://shop.ExtSite.com/page.html"] 
+1

Le dernier ne peut probablement pas être le plus rapide car il inclut un contrôle supplémentaire. – BoltClock

+0

S'il vous plaît voir ma mise à jour. Aussi, les liens que je veux faire correspondre sont comme 'http: //shop.ExtSite.com/page/.../ something.html' – Iryn

Questions connexes