Tu web, imparable con la última actualización de POM Standard

Un problema común que te sonará familiar: es muy difícil encontrar una página web correctamente optimizada. Esto se debe a que la mayoría de las soluciones están diseñadas sin ningún conocimiento técnico y sin el rendimiento en mente.

¡Nosotros estamos obsesionados con el rendimiento!

Por ello, tras meses de trabajo, te presentamos esta nueva actualización de POM Standard, en la que nos hemos centrado en ser imbatibles en lo que a rendimiento y velocidad se refiere.

Puedes ver todo esto en acción en la nueva web de Rojo Cangrejo.

CDN de serie para todas nuestras webs

Un CDN es una red de servidores distribuidos geográficamente alrededor del mundo. Estos almacenan parte de la información y el contenido de los sitios web y los sirven al usuario final.

Esto mejora la disponibilidad del servidor, aliviando la carga de tráfico, suponiendo una barrera más de seguridad contra ataques informáticos, y además mejorando el rendimiento y los tiempos de carga.

Esta mejora en los tiempos de carga se debe a que el CDN tiene copias del contenido de la web disponibles distribuidas geográficamente en varios puntos del planeta y el usuario final verá el contenido de la web desde la copia que le quede más cerca físicamente.

En POM Standard esto ya es una realidad, y a lo largo de estos días todas nuestras webs lo tendrán activado sin coste alguno.

Generación automática y soporte para imágenes WebP

Actualmente tenemos tres formatos de imágenes mayoritarios que todo el mundo utilizamos. Son el JPEG, PNG y GIF, que datan de 1991, 1996 y 1987 respectivamente. El WebP es un formato de imagen desarrollado por Google, de código abierto, que ofrece tamaños de archivo muy inferiores para la misma calidad de imagen, y unificando las ventajas de los 3 formatos mencionados anteriormente.

En esencia, si utilizamos WebP para nuestras webs, éstas pesan menos, ¡y cargan más rápido!

Pero, ¿cuál es el problema del formato WebP?

Que no es compatible con todos los navegadores.

¿Y entonces, cómo soportamos ese formato?

Pues ahora, cuando subes una imagen a tu web en JPEG, PNG o GIF, se genera automáticamente una copia de la misma en formato WebP, súper optimizada.

A la hora de visitar la web, si el navegador del usuario es compatible con el formato, le mostramos las imágenes en formato WebP y, si no es compatible, le mostramos las imágenes en el formato original.

¿Magia?

Soporte para imágenes vectoriales SVG

Las imágenes vectoriales se basan en fórmulas matemáticas, y no se dividen en miles/millones de píxeles, sino en manchas de color y líneas. Esto hace que en general sean de un tamaño mucho menor, y que se puedan ampliar infinitamente a cualquier tamaño sin perder resolución.

Además, se pueden animar, cambiar su color con la interacción del usuario (por ejemplo, al pasar el ratón por encima), etc.

Y ahora, ¡en POM Standard pueden subirse imágenes en formato vectorial SVG!  Y además, la librería de más de 4.000 iconos que tienes en tu panel, ¡son todo imágenes SVG!

Lazy loading para imágenes

La página web promedio pesa alrededor de 3,5 MB, con las imágenes ocupando casi el 78% del peso total, de acuerdo al HTTP Archive. Esta es mucha información para que el navegador de un visitante descargue, que hace que descargar una página web sea una experiencia lenta para los usuarios. Aquí es donde entra en juego la carga diferida (Lazy Loading).

La carga diferida es una técnica de optimización que carga solo el contenido visible, pero retrasa la carga del contenido que aparece debajo (la que se ve cuando haces scroll).

Funciona así:

  1. El navegador construye la página web sin descargar las imágenes.
  2. En ese momento se determina qué imágenes descargar y cuáles no, basado en el contenido que es inicialmente visible cuando la página carga.
  3. La descarga del resto de imágenes es retrasada hasta que el visitante del sitio hace scroll a lo largo de la página.

¡Además a Google le emociona el lazy loading!

Por ello, hemos desarrollado esta funcionalidad en POM Standard, que todos tendréis disponible a lo largo de estos días.

Tamaños de imágenes

Idealmente, tu página nunca debe mostrar imágenes que sean más grandes que la versión que se muestra en la pantalla del usuario. Es decir, es frecuente que la imagen que se muestra sea muy grande, pero al estar ubicada en un espacio pequeño se adapte a ese tamaño, por lo que, en realidad, no sería necesario que fuera tan grande.

Cuando subes una imagen a tu panel, se generan varias copias de la misma en diferentes tamaños, y ahora, en POM Standard podemos crear tantos tamaños adicionales como necesitemos, para mostrar en la web las imágenes al tamaño adecuado.

Además, ahora usamos el atributo «srcset» en las imágenes, que nos ayuda a definir diferentes versiones de la imagen para mostrar una o otra según el tipo de pantalla en el propio navegador.

Sistema de componentes

Hemos «desmigado» POM Standard en pequeños cachos y creado un sistema que nos permite activar solo las partes que se están utilizando de verdad en cada sitio.

Es decir, con el sistema de componentes activado, configuramos únicamente los módulos que se están usando y quitamos el resto, de forma que no se cargan estilos ni código JavaScript de más.

Además, el código que sí se usa, lo minificamos, comprimimos y combinamos en un único archivo, para que el tamaño sea muy inferior y el número de archivos que debe descargar el servidor sea inferior.

Generador de CSS personalizado y CSS por post

Sumado al sistema de componentes, todo el CSS (hoja de estilos de la web) personalizado de cada sitio y otras opciones relacionadas con el CSS se guardan en un archivo externo, que se pone en cola junto a los otros recursos y, cuando procede, se genera otro archivo CSS independiente por publicación.

Recuerda que puedes ver todo esto en acción en la nueva web de Rojo Cangrejo, que además de chulísima, ¡tiene una velocidad de carga brutal!

Sistema de soporte

Como ya te enviamos por email hace unos días, además de mejoras sobre el producto, hemos lanzado un nuevo sistema de soporte que nos va a permitir atender tus consultas mucho más rápido y mejor de lo habitual.

¿Cómo funciona?

No vamos a molestarte con complicaciones absurdas, lo único que tienes que hacer tú es simplemente escribirnos a soporte@pom.es, en vez de a nuestro email personal. Esto a nosotros nos generará una incidencia en nuestro portal interno, y el miembro de POM Standard disponible y mejor cualificado para responderte será asignado a la misma y te responderá muy rápido (mucho más de lo habitual).

Portal de documentación y tutoriales

Como parte de este nuevo sistema de soporte, hemos lanzado el portal https://help.pomstandard.com/, donde dispones de manuales online para gestionar tu web al completo, así como consejos sobre diferentes temáticas.

Vamos a ir añadiendo nuevo contenido cada semana para que los tutoriales cubran todos los aspectos necesarios para nuestros clientes. Si echas en falta algún manual, no dudes en decírnoslo.

Este portal de documentación está integrado en el panel de tu web. Ahora, en la parte inferior derecha de tu panel, verás un icono desde el que podrás escribirnos directamente a Soporte.


Sabíamos desde el principio que en POM Standard haríamos webs mega optimizadas, y con esta súper actualización lo hemos logrado.

Desde hoy, webs mucho más rápidas y un soporte TOP para ti.