Hace poco me han metido en un proyecto para intentar optimizar una aplicación. En un punto concreto se pinta una tabla que ronda las 20000 líneas mediante javascript.
El caso es que en una columna pintan una fecha para que se vea en la zona horaria del cliente y usan la función que podes ver aquí:
var dateFormatFunction = function(stringDate){
var date = new Date(stringDate);
var limitDate = new Date("1970-01-01");
if (date > limitDate)
return date.toLocaleDateString(navigator.language,{ day: '2-digit', month: '2-digit', year: 'numeric' }) + " " + date.toLocaleTimeString();
else
return "";
};
console.log("Inicio para una sola peticion: " + new Date());
dateFormatFunction("2021-07-01T12:31:41.612Z");
console.log("Fin para una sola peticion: " + new Date());
console.log("Inicio para 20000 peticion: " + new Date());
for (var i = 1; i <= 20000; i++) {
dateFormatFunction("2021-07-01T12:31:41.612Z");
}
console.log("Fin para 20000 peticion: " + new Date());
Si ejecutáis el código, para una línea es un tiempo despreciable, pero para las 20000 líneas el renderizado de la tabla se incrementa en 4 segundos (aun mas en la aplicación ya que usa mas funciones para renderizar).
He propuesto usar moment pero se niegan, porque el framework que se usa es propio y no quieren meter ningún plugin extra a excepción de jquery.
El caso es que no me queda mas remedio que optimizar esa función para que sea mas rápida, pero no se como hacerlo, ya que solo es una línea de código.
¿A alguno se le ocurre como hacerlo? Ya he optimizado algunas otras, cambiando if por switch que son mas rapidos, pero esta me esta volviendo loco.
Espero alguno se le ocurra algo.
Gracias de antemano.