Problème de lag pour effet transition

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !

Modérateur : Asumbaa

Defacto
Arias
Messages : 11
Inscription : 06 juin 2017, 16:24

Problème de lag pour effet transition

Message par Defacto » 15 juin 2017, 20:02

Bonjour,

Voilà, j'ai reporté ma page ici avec le principal de ce qu'elle contient :
http://boxfly.free.fr/test/transition

Donc, on peut choisir en haut à droite le nombre de box qui seront affichées. Et malheureusement à partir de seulement 2 boxes, Firefox lagg quand on clique sur le Titre "Click Here to move the div" qui va déplacer l'ensemble vers la gauche ou la droite.
CSS:

Code : Tout sélectionner

         #DivWraper {
             transition: margin-left 0.5s ease-in; /* 0.5 second transition effect to slide in the sidenav */
         }
         #DivWraper.openSidebar {
             margin-left: 250px;
         }
jQuery:

Code : Tout sélectionner

         $("#LinkChange").click(function() {
             if($("#DivWraper").hasClass("openSidebar")) {
                 $("#DivWraper").removeClass("openSidebar");
             } else {
                 $("#DivWraper").addClass("openSidebar");
             }
         });
Avec Chrome, c'est tout le temps fluide même si on sélectionne 50 box à afficher.

Comment je peux optimiser cet effet pour qu'il soit fluide avec Firefox également ?

Merci,
Vincent.

Avatar de l’utilisateur
Abraxas
Animal mythique
Messages : 10183
Inscription : 28 juil. 2011, 14:06

Re: Problème de lag pour effet transition

Message par Abraxas » 15 juin 2017, 23:05

C'est lié à l'activation du multiprocess (e10s). Tu peux tester avec e10s désactivé, tu vas vite voir la différence (identique à Chrome).
about:config > browser.tabs.remote.autostart=false + browser.tabs.remote.autostart.2=false (redémarre FF)

Bug ouvert :arrow: https://bugzilla.mozilla.org/show_bug.cgi?id=1373394

Defacto
Arias
Messages : 11
Inscription : 06 juin 2017, 16:24

Re: Problème de lag pour effet transition

Message par Defacto » 15 juin 2017, 23:44

En effet, cela marche mieux sans l'activation du multiprocess.

Cool j'ai trouvé un bug, je fais avancer le schmilblick :)

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité