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
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>$(window).scroll(function () {
if ($(this).scrollTop() > 600) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$("body").on("click", ".scrollup", function() {
$("html, body").animate({
scrollTop: 0
}, 600);
return false;
});
/*----------------------------------------
home-cover-height
----------------------------------------*/
function setHeight() {
var $window = $(window);
var windowHeight = $(window).innerHeight();
if ($window.width() >= 320) {
$('#home').css('min-height', windowHeight);
}
else{
$('#home').removeAttr('min-height', windowHeight);
}
}
setHeight();
$(window).resize(function() {
setHeight();
});
/*----------------------------------------
Counter Js Starts
--------------------------------------- */
$('.counter').counterUp({
delay: 10, // the delay time in ms
time: 900 // the speed time in ms
});
/*----------------------------------------
Pre loader
----------------------------------------*/
$(window).load(function(){
$('.pre_loader').fadeOut('slow');
});
/*----------------------------------------
Typing js starts
----------------------------------------*/
$(".home-text").each(function(){
var $this = $(this);
$this.typed({
strings: ["Ekapp Template", "Multipurpose Template"],
typeSpeed: 100, // typing speed
backDelay: 2000 // pause before backspacing
});
});
/*----------------------------------------
Blog-owlCarousel
----------------------------------------*/
$(".blog_slider").owlCarousel({
autoplay:true,
autoplaySpeed:9000,
autoplayTimeout:1000,
loop:true,
items : 3,
nav: true,
dots: false,
navClass:['owl-prev','owl-next'],
navText: ['<i class="icon-arrow-left"></i>','<i class="icon-arrow-right"></i>'],
navigation : true,
responsiveClass:true,
responsive:{
0:{
items:1,
nav:false
},
550:{
items:1,
nav:false
},
768:{
items:2,
nav:false
},
1199:{
items:3,
nav:false
}
}
});
/*----------------------------------------
Testimonial-owlCarousel
----------------------------------------*/
$(".testimonial_slider").owlCarousel({
autoplay:false,
loop:true,
items : 1,
nav: true,
dots: false,
navClass:['owl-prev','owl-next'],
navText: ['<i class="icon-arrow-left"></i>','<i class="icon-arrow-right"></i>'],
navigation : true
});
/*----------------------------------------
color picker start
----------------------------------------*/
(function() {
$('<div class="color-picker">' +
'<a href="#" class="handle">' +
'<i class="icon-support"></i>' +
'</a><div class="settings-header">' +
'<h3>Setting panel</h3>' +
'</div>' +
'<div class="section">' +
'<h4 class="color title">Single color schemes:</h4>' +
'<div class="colors o-auto">' +
'<a href="#" class="color-1" ></a>' +
'<a href="#" class="color-2" ></a>' +
'<a href="#" class="color-3" ></a>' +
'<a href="#" class="color-4" ></a>' +
'<a href="#" class="color-5" ></a>' +
'<a href="#" class="color-6" ></a>' +
'<a href="#" class="color-7" ></a>' +
'<a href="#" class="color-8" ></a>' +
'<a href="#" class="color-9" ></a>' +
'<a href="#" class="color-10" ></a>' +
'</div>' +
'<h4 class="color title">Multi color schemes:</h4>' +
'<div class="colors">' +
'<a href="#" class="multi-color-1" ></a>' +
'<a href="#" class="multi-color-2" ></a>' +
'<a href="#" class="multi-color-3" ></a>' +
'<a href="#" class="multi-color-4" ></a>' +
'<a href="#" class="multi-color-5" ></a>' +
'</div>' +
'</div>' +
'</div>').appendTo($('body'));
})();
/*Normal Color */
$("body").on("click", ".color-1", function() {
$("#color" ).attr("href", "assets/css/color/color-1.css" );
return false;
});
$("body").on("click", ".color-2", function() {
$("#color" ).attr("href", "assets/css/color/color-2.css" );
return false;
});
$("body").on("click", ".color-3", function() {
$("#color" ).attr("href", "assets/css/color/color-3.css" );
return false;
});
$("body").on("click", ".color-4", function() {
$("#color" ).attr("href", "assets/css/color/color-4.css" );
return false;
});
$("body").on("click", ".color-5", function() {
$("#color" ).attr("href", "assets/css/color/color-5.css" );
return false;
});
$("body").on("click", ".color-6", function() {
$("#color" ).attr("href", "assets/css/color/color-6.css" );
return false;
});
$("body").on("click", ".color-7", function() {
$("#color" ).attr("href", "assets/css/color/color-7.css" );
return false;
});
$("body").on("click", ".color-8", function() {
$("#color" ).attr("href", "assets/css/color/color-8.css" );
return false;
});
$("body").on("click", ".color-9", function() {
$("#color" ).attr("href", "assets/css/color/color-9.css" );
return false;
});
$("body").on("click", ".color-10", function() {
$("#color" ).attr("href", "assets/css/color/color-10.css" );
return false;
});
$("body").on("click", ".multi-color-1", function() {
$("#color" ).attr("href", "assets/css/color/multi-color-1.css" );
return false;
});
$("body").on("click", ".multi-color-2", function() {
$("#color" ).attr("href", "assets/css/color/multi-color-2.css" );
return false;
});
$("body").on("click", ".multi-color-3", function() {
$("#color" ).attr("href", "assets/css/color/multi-color-3.css" );
return false;
});
$("body").on("click", ".multi-color-4", function() {
$("#color" ).attr("href", "assets/css/color/multi-color-4.css" );
return false;
});
$("body").on("click", ".multi-color-5", function() {
$("#color" ).attr("href", "assets/css/color/multi-color-5.css" );
return false;
});
$('.color-picker').animate({right: '-220px'});
$("body").on("click", ".color-picker a.handle", function(e) {
e.preventDefault();
var div = $('.color-picker');
if (div.css('right') === '-220px') {
$('.color-picker').animate({right: '0px'});
}
else {
$('.color-picker').animate({right: '-220px'});
}
});
/*--------------------------------------------
Menu bg
--------------------------------------------*/
$(window).bind('scroll', function () {
var $window = $(window);
var windowHeight = $(window).innerHeight();
if ($(window).scrollTop() > 500) {
$('.navbar').addClass('nav-scroll');
} else {
$('.navbar').removeClass('nav-scroll');
}
});
/*--------------------------------------------
Smooth scroll Starts
--------------------------------------------*/
$("#navbar a").on('click', function(event) {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
window.location.hash = hash;
});
});
/*--------------------------------------------
Smooth scroll End
--------------------------------------------*/
Ready to run.
| Test | Ops/sec | |
|---|---|---|
| vtest1 | | ready |
| vtest | | ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.