Buenas prácticas con Bricks

Portada » Optimización y rendimiento » Buenas prácticas con Bricks

Si estás comenzando a crear tu propio sitio web con Bricks, hay algunas cosas importantes que debes tener en cuenta para asegurarte de que todo funcione de manera óptima. En este artículo, te proporcionaremos algunos consejos clave que te ayudarán a aprovechar al máximo esta poderosa herramienta.

Ajustes de enlaces permanentes

Un buen primer paso es asegurarte de que tus enlaces tengan un aspecto amigable y sean beneficiosos para el SEO de tu sitio web. Para ello, ve a la sección «Ajustes» y selecciona «Enlaces permanentes«. Elige la opción «Nombre de la entrada» y haz clic en «Guardar cambios«. De esta manera, tus enlaces tendrán un aspecto más limpio y relevante para los motores de búsqueda y para el usuario que los puede leer y no se ven caracteres extraños, números raros y esas cosas.

Dimensiones de las imágenes

Al subir imágenes a tu sitio web, es fundamental que tengan las dimensiones adecuadas para garantizar una buena visualización en diferentes dispositivos. Se recomienda que tus imágenes tengan una anchura mínima de 600 píxeles. Si es posible, es aún mejor si tienen una anchura de 1600 píxeles o más. De esta manera, tus imágenes se adaptarán correctamente en diferentes pantallas y dispositivos, proporcionando una experiencia visual agradable.

Pero OJO, acuérdate del peso de las imágenes.

Cuanto menos pese una imagen, menos tardará en descargar en cualquier tipo de conexión.

No la rebajes tanto una imagen que tenga un tamaño tan pequeño o una calidad tan mala que se vea mal. Debes encontrar el equilibrio y el formato de archivo adecuado. A continuación, te menciono los formatos más recomendados y por qué son preferibles:

  • JPEG (o JPG): El formato JPEG es ampliamente utilizado para imágenes fotográficas en la web. Ofrece una buena calidad de imagen con un tamaño de archivo relativamente pequeño, lo que permite una carga rápida de la página. Es compatible con todos los navegadores y admite compresión con pérdida, lo que significa que puedes reducir el tamaño del archivo sin una pérdida significativa de calidad.
  • PNG: El formato PNG es excelente para imágenes con elementos gráficos o con transparencia. Ofrece una mayor calidad y una mejor preservación de detalles en comparación con JPEG, pero también produce archivos de mayor tamaño. PNG es compatible con la mayoría de los navegadores modernos y admite transparencia alfa, lo que lo convierte en una opción ideal para logotipos, iconos y gráficos con fondos transparentes.
  • GIF: El formato GIF se usa principalmente para imágenes animadas o gráficos simples con pocos colores. Es compatible con todos los navegadores y admite animaciones en bucle. Sin embargo, debido a su limitada paleta de colores (256 colores), no es adecuado para fotografías o imágenes con gradientes suaves.
  • WebP: El formato WebP es una opción más reciente que ofrece una excelente calidad de imagen con un tamaño de archivo aún más pequeño que JPEG. Sin embargo, su compatibilidad con los navegadores es limitada y puede requerir una implementación adicional para garantizar que los usuarios de todos los navegadores puedan ver las imágenes en formato WebP.

Siempre puedes experimentar con diferentes formatos y ajustes de compresión para encontrar el equilibrio ideal para tus imágenes.

En general, se recomienda utilizar JPEG para fotografías, PNG para imágenes con transparencia y GIF para animaciones simples. Si deseas maximizar la calidad y el rendimiento, el formato WebP puede ser una magnífica opción si la compatibilidad con el navegador no es una preocupación.

Regenerar miniaturas

Si ya tienes imágenes en tu biblioteca de medios y comienzas a trabajar con Bricks, es importante que regeneres las miniaturas. Esto asegurará que las imágenes se ajusten correctamente a los tamaños específicos requeridos por Bricks. Puedes hacerlo utilizando una herramienta de regeneración de miniaturas como «Regenerate Thumbnails«. Esto te asegurará que todas las imágenes se muestren correctamente en tu sitio web.

Nunca edites el código del tema directamente

Es fundamental comprender que no debes modificar directamente los archivos principales del tema Bricks. Si lo haces, cualquier cambio que realices se perderá o se sobrescribirá cuando actualices el tema en el futuro.

Te recomendamos usar un tema hijo de Bricks o un complemento de fragmentos de código. Estas opciones te permitirán añadir tu propio código personalizado sin afectar el tema principal, lo que te ayudará a mantener tus modificaciones a salvo incluso después de las actualizaciones.

Siguiendo estos consejos clave al trabajar con Bricks en tu sitio web, estarás en el camino correcto para crear una experiencia web fantástica. Si tienes más preguntas o necesitas más detalles, no dudes en preguntar.

DESCUBRE MÁS SOBRE EL TEMA

Deja el primer comentario