Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

279
Vistas
¿Es una buena práctica cambiar el nombre de variables globales y métodos para minificación?

Digamos que he usado document y setAttribute varias veces a lo largo del código.

Ahora bien, si declaro esto al principio,

 const _document = document, _setAttribute = 'setAttribute';

y luego en el script, utilícelos como,

 _document.querySelector('.class')[_setAttribute]('data-something', '');

¿Estará bien o tendrá algunos defectos?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

En mi opinión, guardar un par de bytes realmente no debería importarle... El acceso a Internet de hoy en día es muy rápido y hay tantas herramientas que pueden hacerlo por usted después de codificar, solo está ralentizando sus esfuerzos de desarrollo al hacer esto. El código será más difícil de leer, más difícil de mantener. Además, entre _document y document está utilizando más caracteres que la variable original ... ¿Para qué?

También tenga en cuenta que su archivo se puede servir con gzip, lo que tendrá un gran impacto en el tamaño de su archivo.

A menos que esté utilizando un buen servidor http/2, la negociación https probablemente ocupará una buena parte del tiempo de carga de un archivo de tamaño mediano. Temporicé el sitio web de mi banco, para servir un archivo javascript de 44 KB, tardó 347 ms*. De estos 347 ms, se necesitaron solo 117 para descargar el archivo. El resto fue principalmente encontrar el servidor (DNS) y negociar la conexión (SSL). Reducir el 50 % del tamaño del archivo eliminaría hipotéticamente 59 ms de tiempo de descarga. Poner la longitud de la solicitud en 288 es una solicitud efectiva un 17 % más rápida.

ingrese la descripción de la imagen aquí

Con todo, este tipo de optimización sin duda perjudicará sus esfuerzos de desarrollo. Dado que ya existen excelentes herramientas para minimizar al final, no hay una necesidad inmediata de dañar su productividad al hacerlo usted mismo. Las reglas en las optimizaciones son medir, medir, medir. Entonces, una vez que su aplicación/código esté listo, pruebe su velocidad de descarga y rendimiento. Luego vea cuál desea optimizar y concéntrese allí.

*Estoy en el tren en mi PC usando internet que mi teléfono comparte a través de bluetooth.

[EDITAR] Además, si desea mantener la capacidad de mantenimiento y reducir el tamaño del código, puede crear una función de utilidad, por ejemplo, si su ejemplo se usa mucho, podría ayudar.

 function setAttributeSelector(selector,attribute,value){ document.querySelector('.class').setAttribute('data-something', ''); } //and use it setAttributeSelector('.class','data-something','');

Pero haga esto solo si tiene sentido para su base de código.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda