Run results for: Concatenation vs Interpolation

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36 OPR/65.0.3467.62

Browser: Opera 65

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Contatenation	238986.0 Ops/sec
Interpolation	8400026.0 Ops/sec

Script Preparation code:

var pages = 0;
var page = 1;
var s = "";
var clave_sitio = "editar";
var  str = ''
var params = {};
params.page = 0;
var clas = page == 1 ? "active" : "no";

Tests:

Contatenation
str += '<li class="' + clas + '"><a href="/cupones/seo/sitio/' + clave_sitio + '/p/1?s=' + s + '">First</a></li>' for (var p = 1; p <= pages; p++) { params.page = p clas = page == p ? "active" : "no" str += '<li class="' + clas + '"><a href="/cupones/seo/sitio/' + clave_sitio + '/p/' + params.page + '?s=' + s + '">' + p + '</a></li>' } params.page = --p clas = page == params.page ? "active" : "no" str += '<li class="' + clas + '"><a href="/cupones/seo/sitio/' + clave_sitio + '/p/' + params.page + '?s=' + s + '">Last</a></li>'
Interpolation
var pages = 0; var page = 1; var s = ""; var clave_sitio = "editar"; var str = '' var params = {}; params.page = 0; var clas = page == 1 ? "active" : "no"; str += `<li class="${clas}"><a href="/cupones/seo/sitio/${clave_sitio}/p/1?s=${s}">First</a></li>` for (var p = 1; p <= pages; p++) { params.page = p clas = page == p ? "active" : "no" str += `<li class="${clas}"><a href="/cupones/seo/sitio/${clave_sitio}/p/${params.page}?s=${s}">${p}</a></li>` } params.page = --p clas = page == params.page ? "active" : "no" str += `<li class="${clas}"><a href="/cupones/seo/sitio/${clave_sitio}/p/${params.page}?s=${s}">Last</a></li>`

Run results for: Concatenation vs Interpolation

Contatenation

Interpolation