DE
Size: a a a
DE
DE
DE
function perfTest(fn, n) {
let s=new Date().getTime();
for(let i=0;i<n;i++) {
fn();
}
return new Date().getTime() - s;
}
var data = getComputedStyle(document.body);
var props = ['width', 'height'];
var iters = 100000;
var res1 = perfTest(((o,s)=>Object.fromEntries(s.map(p=>o[p]&&[p,o[p]]).filter(Boolean))).bind(null,data, props), iters);
console.log('Result 1:', res1/1000)
var res2 = perfTest((eval(Array(2).fill(`({${props.join(',')}})`).join('=>'))).bind(null, data), iters);
console.log('Result 2:', res2/1000)
DE
DE
function perfTest(fn, n) {
let s=new Date().getTime();
for(let i=0;i<n;i++) {
fn();
}
return new Date().getTime() - s;
}
var data = getComputedStyle(document.body);
var props = ['width', 'height'];
var iters = 100000;
var res1 = perfTest(((o,s)=>Object.fromEntries(s.map(p=>o[p]&&[p,o[p]]).filter(Boolean))).bind(null,data, props), iters);
console.log('Result 1:', res1/1000)
var res2 = perfTest((eval(Array(2).fill(`({${props.join(',')}})`).join('=>'))).bind(null, data), iters);
console.log('Result 2:', res2/1000)
Р:
DE
Р:
DE
Р:
DE
function perfTest(fn, n) {
let s=new Date().getTime();
for (let i=0; i < n; i += 1) {
fn();
}
return new Date().getTime() - s;
}
var data = getComputedStyle(document.body);
var p = ['width', 'height'];
var iters = 100000;
var res1 = perfTest(((o)=>{r={};i=p.length;while(i>0){r[p[i]]=o[p[i]];i--};return r}).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 1:', res1/1000)
var res2 = perfTest((eval(Array(2).fill(`({${p.join(',')}})`).join('=>'))).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 2:', res2/1000)
S
function perfTest(fn, n) {
let s=new Date().getTime();
for (let i=0; i < n; i += 1) {
fn();
}
return new Date().getTime() - s;
}
var data = getComputedStyle(document.body);
var p = ['width', 'height'];
var iters = 100000;
var res1 = perfTest(((o)=>{r={};i=p.length;while(i>0){r[p[i]]=o[p[i]];i--};return r}).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 1:', res1/1000)
var res2 = perfTest((eval(Array(2).fill(`({${p.join(',')}})`).join('=>'))).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 2:', res2/1000)
DE
function perfTest(fn, n) {
let s=new Date().getTime();
for (let i=0; i < n; i += 1) {
fn();
}
return new Date().getTime() - s;
}
var p = Object.keys(getComputedStyle(document.body)).slice(100);
var iters = 10000;
try {
var res1 = perfTest(((o)=>{r={};i=p.length-1;while(i>=0){r[p[i]]=o[p[i]];i--};return r}).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 1:', res1/1000)
}
catch (error) { console.log(error) }
try {
var res2 = perfTest((eval(Array(2).fill(`({${p.join(',')}})`).join('=>'))).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 2:', res2/1000)
}
catch (error) { console.log(error) }
try {
var res3 = perfTest((eval(Array.from({length:2},_=>`({${p.join(',')}})`).join('=>'))).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 3:', res3/1000)
}
catch (error) { console.log(error) }
S
function perfTest(fn, n) {
let s=new Date().getTime();
for (let i=0; i < n; i += 1) {
fn();
}
return new Date().getTime() - s;
}
var p = Object.keys(getComputedStyle(document.body)).slice(100);
var iters = 10000;
try {
var res1 = perfTest(((o)=>{r={};i=p.length-1;while(i>=0){r[p[i]]=o[p[i]];i--};return r}).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 1:', res1/1000)
}
catch (error) { console.log(error) }
try {
var res2 = perfTest((eval(Array(2).fill(`({${p.join(',')}})`).join('=>'))).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 2:', res2/1000)
}
catch (error) { console.log(error) }
try {
var res3 = perfTest((eval(Array.from({length:2},_=>`({${p.join(',')}})`).join('=>'))).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 3:', res3/1000)
}
catch (error) { console.log(error) }
DE
DE
function perfTest(fn, n) {
let s=new Date().getTime();
for (let i=0; i < n; i += 1) {
fn();
}
return new Date().getTime() - s;
}
var p = Object.keys(getComputedStyle(document.body)).slice(300);
var iters = 10000;
try {
var res1 = perfTest(((o)=>{r={};i=p.length-1;while(i>=0){r[p[i]]=o[p[i]];i--};return r}).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 1:', res1/1000)
}
catch (error) { console.log(error) }
try {
var res2 = perfTest((eval(Array(2).fill(`({${p.join(',')}})`).join('=>'))).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 2:', res2/1000)
}
catch (error) { console.log(error) }
try {
var res3 = perfTest((l=p.join(','),(eval(Array.from({length:2},_=>`({${l}})`).join('=>'))).bind(null, getComputedStyle(document.body))), iters);
console.log('Result 3:', res3/1000)
}
catch (error) { console.log(error) }
try {
var res4 = perfTest((l=p.join(','),(eval(Array(2).fill(`({${l}})`).join('=>'))).bind(null, getComputedStyle(document.body))), iters);
console.log('Result 4:', res4/1000)
}
catch (error) { console.log(error) }
01:27:05.888 VM2093:13 Result 1: 4.562
01:27:08.967 VM2093:19 Result 2: 3.078
01:27:11.982 VM2093:25 Result 3: 3.013
01:27:15.004 VM2093:31 Result 4: 3.021
01:27:15.007 undefined
S
function perfTest(fn, n) {
let s=new Date().getTime();
for (let i=0; i < n; i += 1) {
fn();
}
return new Date().getTime() - s;
}
var p = Object.keys(getComputedStyle(document.body)).slice(300);
var iters = 10000;
try {
var res1 = perfTest(((o)=>{r={};i=p.length-1;while(i>=0){r[p[i]]=o[p[i]];i--};return r}).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 1:', res1/1000)
}
catch (error) { console.log(error) }
try {
var res2 = perfTest((eval(Array(2).fill(`({${p.join(',')}})`).join('=>'))).bind(null, getComputedStyle(document.body)), iters);
console.log('Result 2:', res2/1000)
}
catch (error) { console.log(error) }
try {
var res3 = perfTest((l=p.join(','),(eval(Array.from({length:2},_=>`({${l}})`).join('=>'))).bind(null, getComputedStyle(document.body))), iters);
console.log('Result 3:', res3/1000)
}
catch (error) { console.log(error) }
try {
var res4 = perfTest((l=p.join(','),(eval(Array(2).fill(`({${l}})`).join('=>'))).bind(null, getComputedStyle(document.body))), iters);
console.log('Result 4:', res4/1000)
}
catch (error) { console.log(error) }
01:27:05.888 VM2093:13 Result 1: 4.562
01:27:08.967 VM2093:19 Result 2: 3.078
01:27:11.982 VM2093:25 Result 3: 3.013
01:27:15.004 VM2093:31 Result 4: 3.021
01:27:15.007 undefined
p
AA