jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.
jsperf.com URLs are mirrored at the same path, e.g:
https://jsperf.com/negative-modulo/2
Can be accessed at:
https://jsperf.app/negative-modulo/2
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>opic</title>
<meta name="description" content="" />
<script>document.documentElement.className +="js"</script>
<link rel="stylesheet" href="css/general.css" />
<!--[if IE]>
<link rel="stylesheet" href="css/styles-ie.css" />
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/styles-ie7-6.css" />
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header" role="banner">
<div class="formatting-context">
<h1><a href="#"><img src="images/logo.png" alt="Observatoire des industries chimiques" width="241" height="117" /></a></h1>
<p class="baseline">Accompagner les emplois de demain</p>
<form method="post" action="">
<input type="text" title="Recherche" placeholder="Recherche" />
<input type="submit" value="OK" />
</form>
</div><!--.formatting-context-->
<ul id="nav-main" role="navigation">
<li><a href="#" class="root-level"><span>Connaître les industries chimiques</span></a>
<ul>
<li><a href="#" class="root-level">Identifier</a>
<ul>
<li><a href="#">Identifier</a></li>
<li><a href="#">Répondre</a></li>
<li><a href="#">Acquérir</a></li>
</ul>
</li>
<li><a href="#">Répondre</a></li>
<li><a href="#">Acquérir</a></li>
</ul>
</li>
<li><a href="#" class="root-level"><span>Développer les ressources humaines des entreprises</span></a></li>
<li><a href="#" class="root-level"><span>Piloter ma carrière</span></a></li>
<li><a href="#" class="root-level"><span>Qui sommes-nous ?</span></a></li>
</ul><!--#nav-main-->
</div><!--#header-->
<div id="slider-box">
<div id="slider">
<div class="slider-inside">
<div class="slide hentry">
<img src="images/graph.jpg" alt="" width="365" height="227" class="visu" />
<div class="formatting-context">
<h2 class="entry-title">Grandes tendance et scénario d’avenir</h2>
<div class="entry-content">
ornare eget laoreet vitae, tempor ac tellus. Aliquam rhoncus orci
ac risus rhoncus eget congue est dictum. Suspendisse non metus at velit
egestas porta in vel libero. Sed pharetra nisi porta in vel libero. Sed pharetra nisi
porta in vel libero. Sed pharetra nisi
</div>
<a href="#" class="more">En savoir plus</a>
</div>
</div><!--.slide-->
<div class="slide hentry">
<img src="images/graph.jpg" alt="" width="365" height="227" class="visu" />
<div class="formatting-context">
<h2 class="entry-title">Grandes tendance et scénario d’avenir</h2>
<div class="entry-content">
ornare eget laoreet vitae, tempor ac tellus. Aliquam rhoncus orci
ac risus rhoncus eget congue est dictum. Suspendisse non metus at velit
egestas porta in vel libero. Sed pharetra nisi porta in vel libero. Sed pharetra nisi
porta in vel libero. Sed pharetra nisi
</div>
<a href="#" class="more">En savoir plus</a>
</div>
</div><!--.slide-->
<div class="slide hentry">
<img src="images/graph.jpg" alt="" width="365" height="227" class="visu" />
<div class="formatting-context">
<h2 class="entry-title">Grandes tendance et scénario d’avenir</h2>
<div class="entry-content">
<p>Ornare eget laoreet vitae, tempor ac tellus. Aliquam rhoncus orci
ac risus rhoncus eget congue</p>
<p>est dictum. Suspendisse non metus at velit
egestas porta</p>
</div>
<a href="#" class="more">En savoir plus</a>
</div>
</div><!--.slide-->
<div class="slide hentry">
<img src="images/graph.jpg" alt="" width="365" height="227" class="visu" />
<div class="formatting-context">
<h2 class="entry-title">Grandes tendance et scénario d’avenir</h2>
<div class="entry-content">
<p>Ornare eget laoreet vitae, tempor ac tellus. Aliquam rhoncus orci
ac risus rhoncus eget congue</p>
<p>est dictum. Suspendisse non metus at velit
egestas porta</p>
</div>
<a href="#" class="more">En savoir plus</a>
</div>
</div><!--.slide-->
</div><!--.slider-inside-->
</div><!--#slider-->
</div><!--#slider-box-->
<div id="main-home" role="main">
<div class="formatting-context">
<div class="headline headline-1">
<h2><span>Gestion prévisionnelle des emplois</span></h2>
<div class="hentry">
<img src="images/visu.png" alt="" class="visu" width="149" height="186" />
<div class="formatting-context">
<h3 class="entry-title">La préconisation du dernier Contrat d’Études Prospectives</h3>
<div class="entry-content">
<p>Ornare eget laoreet vitae, tempor ac tellus. Aliquam rhoncus orci
ac risue</p>
<p>est dictum. Suspendisse porta</p>
</div><!--.entry-content-->
<a href="#" class="more">En savoir plus</a>
</div><!--.formatting-context-->
</div><!--.hentry-->
</div><!--.headline-1-->
<div class="headline headline-2">
<h2><span>Gestion prévisionnelle des emplois</span></h2>
<div class="hentry">
<img src="images/visu.png" alt="" class="visu" width="149" height="186" />
<div class="formatting-context">
<h3 class="entry-title">La préconisation du dernier Contrat d’Études Prospectives</h3>
<div class="entry-content">
<p>Ornare eget laoreet vitae, tempor ac tellus. Aliquam rhoncus orci
ac risue</p>
<p>est dictum. Suspendisse porta</p>
</div><!--.entry-content-->
<a href="#" class="more">En savoir plus</a>
</div><!--.formatting-context-->
</div><!--.hentry-->
</div><!--.headline-2-->
</div><!--.formatting-context-->
<ul class="presentation">
<li>
<a href="#">
<img src="images/btns/metiers.png" alt="Répertoire des métiers" width="215" height="58" />
<span>Découvrez les métiers des industries de la chimie.</span>
</a>
</li>
<li>
<a href="#">
<img src="images/btns/certifications-professionnelles.png" alt="Répertoire cerftifications professionnelles" width="215" height="58" />
<span>Découvrez les métiers des industries de la chimie.</span>
</a>
</li>
<li>
<a href="#">
<img src="images/btns/etudes.png" alt="études" width="215" height="58" />
<span>Découvrez les métiers des industries de la chimie.</span>
</a>
</li>
<li>
<a href="#">
<img src="images/btns/industries-chimiques.png" alt="CQP des industries chimiques" width="215" height="58" />
<span>Découvrez les métiers des industries de la chimie.</span>
</a>
</li>
</ul><!--.presentation-->
</div><!--#main-home-->
<ul id="footer" role="contentinfo">
<li><a href="#">Mentions légales</a></li>
<li><a href="#">Plan du site</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Liens</a></li>
</ul><!--#footer-->
</div><!--#wrapper-->
</html><script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/script.js"></script>
</body>
<script>
var ua = $.browser;
$(function() {
/** =submenu
--------------------------------------------------------------------------**/
$('.root-level').parent().click(function(e) {
$(this).siblings().removeClass('open').children('ul').hide();
if ($(this).children('ul').length >= 1) {
e.preventDefault();
$(this).children('ul').slideDown(200);
$(this).addClass('open')
}
}).bind('mouseleave', function() {
if ($(this).children('ul').length >= 1) {
$(this).children('ul').stop(true, true).slideUp(200);
$(this).removeClass('open');
}
})
/** =slider
--------------------------------------------------------------------------**/
var currentPos=0,
kasliderWidth=0,
kaslider=0,
positions=new Array(),
nbrSlides = $('.slide').length,
autoPlay = true,
waitingTime = 10000,
interval;
$('.slider-inside').wrapInner('<div class="formatting-context"></div>');
$('.slide').each(function(i, index){
kaslider+=1;
positions[i]= kasliderWidth;
kasliderWidth += $(this).width()+20;
posIndex= $(".slide").index($(this))+1;
$(this).attr({
role:'tabpanel',
tabindex:'0',
id: 'slide'+posIndex,
'aria-labeledby': "s"+posIndex
});
});
$('.slider-inside > .formatting-context')
.width(kasliderWidth)
.after('<a href="#" class="ctrl ctrl-left hide"><img src="images/ctrl-left.png" width="32" height="87" /></a><a href="#" class="ctrl ctrl-right"><img src="images/ctrl-right.png" width="32" height="87" /></a>');
$('.slider-inside').prepend('<ul id="pagination" role="tablist"></ul>');
for (var y=0;y<kaslider;y++) {
$('#pagination').append('<li role="tab"><a aria-selected="false" tabindex="0" aria-controls="slide'+(y+1)+'" href="#" id="s'+(y+1)+'"><img src="images/item.png" width="19" height="23" alt="'+(y+1)+'" /></a></li>');
};
var direct = function(e) {
e.preventDefault();
$('#pagination a').attr('aria-selected', 'false').find('img').attr('src', 'images/item.png');
varId = $(this).attr('id').substr(1, 2);
currentPos = varId-1;
$(this).attr('aria-selected', 'true').find('img').attr({
src:'images/item-on.png',
alt:'slide activé'
});
$('.slider-inside > .formatting-context').stop().animate({marginLeft:-positions[currentPos]+'px'},1000);
$('.ctrl').fadeIn();
if(currentPos==0) $('.ctrl-left').fadeOut();
if(currentPos==kaslider-1) $('.ctrl-right').fadeOut();
start();
},
animation = function(e) {
e.preventDefault();
$('#pagination a').attr('aria-selected', 'false').find('img').attr('src', 'images/item.png');
$('.ctrl').unbind('click', animation);
($(this).hasClass('ctrl-right')) ? currentPos+=1 : currentPos-=1;
$('.slider-inside > .formatting-context').stop().animate({marginLeft:-positions[currentPos]+'px'},1000,function(){
$('.ctrl').bind('click', animation);
});
$('#s'+(currentPos+1)).attr('aria-selected', 'true').find('img').attr({
src:'images/item-on.png',
alt:'slide activé'
});
$('.ctrl').fadeIn();
if(currentPos==0) $('.ctrl-left').fadeOut();
if(currentPos==kaslider-1) $('.ctrl-right').fadeOut();
start();
},
sens=+1,
autoSlide = function() {
if(currentPos == nbrSlides-1) { sens=-1 }
if(currentPos == 0 || sens==1){
$('.ctrl-right').click();
sens=1;
} else if(currentPos == nbrSlides-1 || sens==-1){
$('.ctrl-left').click();
sens=-1;
}
},
pause = function() {
autoPlay = false;
clearInterval(interval);
},
start = function() {
autoPlay = true;
clearInterval(interval);
interval = setInterval(autoSlide, waitingTime);
}
$('.ctrl').bind('click', animation);
$('#pagination a').bind('click', direct);
$('#pagination a:first').attr('aria-selected', 'true').find('img').attr({
src:'images/item-on.png',
alt:'slide activé'
});
/** =Placeholder fallback
--------------------------------------------------------------------------**/
if (! ("placeholder" in document.createElement("input"))) {
$('*[placeholder]').each(function() {
$this = $(this);
var placeholder = $(this).attr('placeholder');
if ($(this).val() === '') {
$this.val(placeholder);
}
$this.bind('focus',
function() {
if ($(this).val() === placeholder) {
this.plchldr = placeholder;
$(this).val('');
}
});
$this.bind('blur',
function() {
if ($(this).val() === '' && $(this).val() !== this.plchldr) {
$(this).val(this.plchldr);
}
});
});
$('form#new_mail').bind('submit',
function() {
$(this).find('*[placeholder]').each(function() {
if ($(this).val() === $(this).attr('placeholder')) {
$(this).val('');
}
});
});
};
});
</script>Ready to run.
| Test | Ops/sec | |
|---|---|---|
| aa | | ready |
| dsq | | ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.