Advertisement
  1. Code
  2. WordPress

Reduce la hinchazón: Echando un segundo vistazo

by
Read Time:4 minsLanguages:
This post is part of a series called Trim the Bloat: Keeping WordPress Healthy.
Trim the Bloat: Lean It Out

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

A lo largo de esta serie, hemos estado viendo varias y distintas estrategias para mantener nuestras instalaciones de WordPress tan ligeras sea posible. Al hacerlo, hemos hablado de una serie de consejos prácticos a seguir independientemente de la naturaleza de tu proyecto.

En este artículo, vamos a resumir todo lo que hemos cubierto en la serie con el fin de proporcionar una guía de una sola página con todos los consejos que hemos cubierto, y una referencia al resto de los artículos de esta serie.

Reducir la hinchazón

A lo largo de esta serie, uno de los puntos clave que se ha reiterado versa sobre la responsabilidad que tenemos con respecto a nuestros visitantes, estoy convencido de que nosotros, como desarrolladores, necesitamos hacer un mejor trabajo.

Con ese fin, creo que deberíamos dedicar más tiempo a pensar en lo que estamos lanzando a Internet para nuestros consumidores, así como en hacer un esfuerzo concertado para optimizar nuestro trabajo tanto para la velocidad como para la eficiencia en toda la gama de dispositivos con los que las personas puedan ver nuestro trabajo.

1. Cómo se llega a la hinchazón

En el primer artículo de la serie, analizamos cómo comenzaron los sitios y cómo han cambiado en las últimas dos décadas.

Recuerda que el tamaño medio de un sitio web ha aumentado un 235% en los últimos tres años. Además, los usuarios móviles se están convirtiendo en una porción significativamente mayor de los que visitan nuestro sitio. Además de eso, cuanto más grande sea tu sitio, más tiempo les costará conseguir consumir tus datos.

Intenta hacer más con menos.

Para hacer un resumen del artículo: Escribe código más limpio. Sé inteligente con lo que usas. Invierte un poco más de tiempo cuando estés escribiendo o construyendo tus temas, tus plugins o tu sitio, y en última instancia necesitarás menos tiempo a largo plazo para mantener tu trabajo. Tal vez lo más importante sea que los usuarios necesitarán menos tiempo para cargar el sitio en su navegador e idealmente pasarán más tiempo en tu sitio.

2: Mantenerlo liviano

En el segundo artículo de la serie, analizamos la revisión de los diversos componentes que conforman nuestros sitios en un intento de evaluar si necesitamos todo lo que hemos instalado.

Preguntamos lo siguiente:

  • ¿Necesitas realmente ese plugin?
  • ¿Necesitas realmente esa imagen?
  • ... y así sucesivamente.

Recuerda: Menos es más.

Una gran parte de lo que consideramos hacer se basó en tomar decisiones sabias con respecto a lo que vamos a usar para crear nuestro sitio. En pocas palabras, debemos pasar tiempo planeando y reflexionando en lo que vamos a hacer.

No añadas simplemente cosas hasta tener todo lo que quieres y mantén los dedos cruzados. Aunque pudiese funcionar, eso no es un signo de buen diseño o implementación. Usa lo que necesites, y únicamente eso.

La forma más fácil de conseguirlo consistirá siempre en planificar lo que deseas hacer a largo plazo y en asegurarte de que cada hito de desarrollo esté alineado con ese plan.

3. Reducir

En el tercer artículo, cambiamos los miedos y hablamos específicamente sobre temas y plugins de WordPress. Específicamente, echamos un vistazo a algún ejemplo de HTML generado en un tema antes de empezar a trabajar en él y de optimizarlo después.

Una gran cantidad de sitios web y temas a día de hoy están abarrotados con elementos "clear", "wrappers", y así sucesivamente. El coste real de esto parece una nimiedad, apenas vale la pena mencionarlo, pero cuando lo reúnes todo junto, sí es una suma considerable. Por no mencionar que hace que sea un poco más complicado mantener el código, especialmente si los elementos se dividen en varias plantillas.

Lo mismo se aplica a los plugins: Usa menos, haz más. Elige el plugin adecuado para el trabajo y asegúrate de que haga lo que necesitas e idealmente muy poco más.

4. La optimización es clave

La optimización es algo que a menudo se piensa que tiene lugar al final de un proyecto. Muchas veces, a menudo concebimos esto como el minificado de nuestros scripts, la compresión y fusión de nuestras hojas de estilo, y así sucesivamente. Pero en realidad, la optimización es algo que deberíamos estar haciendo desde el principio.

Al final, será mucho más eficiente optimizar si has hecho las cosas correctamente desde el principio. Manten todo en el lugar adecuado: el CSS debe permanecer en las hojas de estilo, el código fuente JavaScript permanece en archivos JavaScript, y el PHP en archivos de marcado y/o PHP.

Trata de evitar el uso de scripts y estilos en línea, ya que realmente no los necesita, y ayuda a mantener una separación de los distintos aspectos, ya que esto siempre contribuye a una mayor cohesión y una mejor mantenibilidad.

Recopilando todo

Esta serie de artículos no está de ninguna manera completa. Desde el principio, nunca tuve la intención de que fuese una referencia todo en uno para las mejoras minuciosas que puedes hacer al trabajar en tus proyectos.

En su lugar, esta serie está destinada a proporcionar una visión global de algunas de las cosas a las que nosotros, como desarrolladores, les hemos perdido la pista en los últimos años a medida que el desarrollo web se ha vuelto cada vez más pesado en recursos.

Nunca es malo dar un paso más y echar otro vistazo a lo que has estado creando. Con suerte, espero que esta guía te haya resultado; no obstante, ¡si tienes preguntas y/o sugerencias adicionales, no dudes en dejar un comentario!

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.