Page 1 sur 1

Problème de lag pour effet transition

Publié : 15 juin 2017, 20:02
par Defacto
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.

Re: Problème de lag pour effet transition

Publié : 15 juin 2017, 23:05
par Abraxas
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

Re: Problème de lag pour effet transition

Publié : 15 juin 2017, 23:44
par Defacto
En effet, cela marche mieux sans l'activation du multiprocess.

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