Run results for: Concatenation vs Interpolation v1

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:71.0) Gecko/20100101 Firefox/71.0

Browser: Firefox 71

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Concatenation	530758.6 Ops/sec
Interpolation	413559.3 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:

Concatenation
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
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>`