NOBLEME
DISCUTER
LIRE
JOUER
EN
Afficher le menu latéral

Liste des tâches RSS

Suivi du développement de NoBleme

La liste des tâches regroupe les rapports de bugs et demandes de fonctionnalités liés au développement de NoBleme. Pour voir les détails d'une tâche dans le tableau, cliquez n'importe où sur la ligne contenant la tâche en question. Vous pouvez faire des recherches dans la liste des tâches à l'aide des champs et menus déroulants situés en haut du tableau.

Si vous avez trouvé un bug sur NoBleme, vous pouvez soumettre un rapport de bug.
Si vous avez une idée de fonctionnalité qui pourrait être ajoutée au site, vous pouvez quémander un feature.



ID IMPORTANCE CRÉATION CRÉATEUR CATÉGORIE DESCRIPTION OBJECTIF RÉSOLUTION
1 TÂCHE TROUVÉE  DONT 0 FINIES  ET 1 À FAIRE  SOIT 0 % RÉSOLUES   -  CLIQUER ICI POUR REMETTRE À ZÉRO LA RECHERCHE
346 Y'a le temps L'année dernière Bad Optimiser la performance du CSS Non résolu

Tâche #346 : Optimiser la performance du CSS
Tâche proposée le 8 Novembre 2016 par Bad



https://developer.mozilla.org/fr/docs/%C3%89criture_de_CSS_efficace

Citation de IRC #dev :
11:23:48 <@Exirel> Sache que .menu_main_item + .menu_main_item est plus rapide.
11:25:04 <@Exirel> Les sélecteurs CSS ne sont pas interprétés comme nous les lisons, mais dans l'ordre inverse.
11:25:09 <@Exirel> C'est à dire de la droite vers la gauche.
11:25:49 <@Exirel> Quand tu as : .very_accurate_rules > simple_tag
11:26:08 <@Exirel> Naïvement, nous pourrions croire (et je l'ai cru) que CSS cherchait .very_accurate_rules en premier.
11:26:16 <@Exirel> Puis ensuite prenait tous les fils pour trouver le simple_tag.
11:26:19 <@Exirel> En fait non.
11:26:21 <@Exirel> Il fait l'inverse.
11:26:49 <@Exirel> Il cherche tous les simple_tag de la page, puis pour chaque élément, il cherche les parents.
11:26:59 <@Exirel> Pour <a> ça peut passer parfois.
11:27:08 <@Exirel> Mais imagine pour <p> dans une page remplies de <p> ?
11:27:29 <@Exirel> Et maintenant, imagine que tu mettes du CSS un peu fancy, et du JS pour faire des animations et des transitions.
11:27:43 <@Exirel> Honnêtement pour nobleme.com je crois que c'est sans importance.
11:28:12 <@Exirel> Mais pour un site plus gros, ça peut devenir un vrai problème.
11:28:30 <@Exirel> Paradoxalement, un sélecteur comme * + * est très performant.
11:28:44 <@Exirel> Tout simplement parce qu'il n'y a *pas* de filtre : il prend tous les éléments, il n'a pas de calcul à faire.
11:29:44 <~Bad> Donc à la limite ça pourrait faire un speedup de faire par exemple .very_accurate_rules > simple_tag#nom
11:29:51 <~Bad> Pour lui éviter de chercher tous les simple_tag
11:29:56 <~Bad> C'est ça ?
11:30:03 <@Exirel> Pour le coup, le speed-up c'est de faire #nom tout court.
11:30:06 <~Bad> Ou même .very_accurate_rules > #nom
11:30:32 <@Exirel> Aussi.
11:30:51 <@Exirel> J'aurais tendance à croire que c'est plutôt rare d'avoir ce cas là, avec un ID dont le style dépend du parent.
11:31:10 <@Exirel> Ça peut arriver dans certains cas, mais les règles ID tendent à disparaître de nos jours.
11:31:47 <@Exirel> typiquement
11:31:48 <@Exirel> div.smallsize > img.bbcodeimg
11:31:53 <@Exirel> .smallsize > bbcodeimg
11:31:56 <@Exirel> Le second est plus rapide.
11:32:05 <@Exirel> (enfin .bbcodeimg, j'ai oublié le .)
11:32:18 <@Exirel> Parce qu'il a moins de règles à inspecter.