Cyber Monday Sale 40% off unlimited courses & creative assets! 40% off unlimited assets! Save Now
Advertisement
  1. Web Design
  2. jQuery

Consejo rápido: ten cuidado cuando utilices la versión slim de jQuery

by
Read Time:2 minsLanguages:

Spanish (Español) translation by Carlos (you can also view the original English article)

En este consejo breve, voy a explicarte cuando deberías y cuando no deberías utilizar la «versión delgada» de jQuery. Para este consejo asumiré que estás familiarizado con jQuery, o que al menos has oído hablar de él.

Mira el screencast

jQuery frente a jQuery Slim

Para utilizar jQuery por lo general irías a https://jquery.com/download/ y tomarías uno de los paquetes que se ofrecen. Actualmente la versión de producción comprimida de jQuery pesa 87Kb. Esto no es una cantidad enorme, pero puedes ahorrar 17Kb adicionales optando por la versión slim de producción comprimida.

Cuando trates de optimizar el rendimiento, es correcto ahorrar todo lo que puedas, pero aquí está el truco: la versión slim ahorra peso al excluir los módulos de ajax y de efectos.

El módulo ajax es probablemente el que menos se utilice de los dos. Contiene funciones y métodos que nos permiten cargar datos sin necesidad de refrescar la página. El módulo de efectos, no obstante, es más probable que figure en tus sitios web; contiene funciones y métodos para las animaciones de uso común, por ejemplo animate(), fadein() y fadeout(), hide(), show() y así sucesivamente. Si alguna vez has utilizado jQuery, lo más probable es que hayas usado uno de estos métodos.

Eso cubre el mensaje esencial aquí: si necesitas alguno de los métodos o funciones que se encuentran en los módulos de ajax o efectos de jQuery, utiliza la versión completa. Si no, obtendrás un pequeño ahorro usando la versión slim.

¡Usuarios de Bootstrap, tengan cuidado!

¡Para finalizar, veamos el principal motivo detrás de este breve consejo! Cabe señalar que Bootstrap 4 (la versión más reciente del framework) utiliza la versión slim de jQuery. Por lo tanto, si estás creando con Bootstrap y planeas añadir cualquier interactividad adicional que se base en ajax o en efectos, tendrás que cargar la biblioteca completa de jQuery.

¡Espero que eso te ahorre algunos dolores de cabeza!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.