Entradas con la etiqueta: WPO

Web Performance Optimization (WPO) aúna técnicas que analizan todo el conjunto de una página web y su velocidad de carga, proponiendo mejoras para optimizar el rendimiento y el tiempo de carga de la web para mejorar la UX (Experiencia de Usuario), el SEO, etc…

Es un conjunto de técnicas a cualquier nivel que unidas hacen que tu web cargue más rápido. Estamos hablando de optmizar imágenes, utilizar la compresión gzip, habilitar la caché de navegador, utilizar HTTP/2, minificar los recursos CSS, JS y HTML, utilizar caché, CDNs, optimizar el código, optimizar la base de datos, etc…

Sin duda el WPO se ha convertido en un eje sobre el que gira desde el diseño hasta la experiencia de usuario, pasando por el posicionamiento y las estrategias a la hora de desarrollar un proyecto web.

Jun'19 10

por Pablo López

Cómo cargar CSS y JS sólo cuando el shortcode se esté utilizando

Es muy habitual que a la hora de desarrollar un shortcode (por ejemplo desde un plugin), que necesites darle unos estilos o que ejecute alguna acción mediante JavaScript. Si encolamos […]

Mar'19 26

por Pablo López

AJAX tradicional vs AJAX moderno, comparativa de rendimiento

En las dos entradas anteriores veíamos dos formas de hacer AJAX en WordPress. Las dos son perfectamente válidas, pero en este post quiero hacer una comparativa de rendimiento, ya que […]

Dic'18 21

por Pablo López

Cómo eliminar la hoja de estilos de Gutenberg si no lo utilizas tras WordPress 5.0

¿Has actualizado a WordPress 5.0 pero tienes desactivado Gutenberg? Imagino que será el caso de mucha gente, que esperará a darle un tiempo, hasta que se asiente un poco. Pues […]

Oct'18 06

por Pablo López

WordCamp Barcelona 2018, gestión avanzada de assets en WordPress

He tenido el gran honor de abrir la WordCamp Barcelona 2018 en el Aula Magna del Edificio Histórico de la Universidad de Barcelona. Hoy en día, la velocidad de carga de […]

May'18 03

por Pablo López

Utiliza fuentes de sistema y mejora tu WPO

Las fuentes dan un estilo característico a nuestra web. Los diseñadores suelen hacer uso de fuentes, o incluso algunos clientes tienen fuentes corporativas, como seña de identidad de su imagen […]

Oct'17 03

por Pablo López

Optimizando el código y las consultas a base de datos para mejorar el rendimiento

Optimizar el código y las consultas a base de datos es algo fundamental para cualquier desarrollo web, sobretodo si estás desarrollando un proyecto para sitios con alto tráfico. Un proyecto […]

Ago'17 29

por Pablo López

Limita el tamaño en píxeles en la subida de imágenes

¿Quien no se ha encontrado alguna vez con algún cliente o colaborador que sube imágenes a máxima resolución y calidad recién salidas de su cámara reflex de un hipermegalón de […]

Ago'17 07

por Pablo López

De Font Awesome a SVG para mejorar el WPO

Siempre me ha gustado Font Awesome, es una librería variada y versátil con la que puedes añadir iconos a botones sociales, campos de formularios, etiquetas, widgets, etc… dándole un diseño […]

Jun'17 27

por Pablo López

Reduce el HTML de tu WordPress para bajar el peso de la página

La parte pública de una web o expresado de otro modo, lo que el navegador pinta, no es más que un documento HTML, donde encontraremos etiquetas de todo tipo: imgs, […]

Jun'17 15

por Pablo López

Industry Sessions: UX & Desarrollo Web

Ayer 14 de Junio tuve la ocasión de participar como ponente en el evento Industry Sessions: UX & Desarrollo Web organizado por EDIT. En primer lugar agradecer a Clara Santaolaya […]