¿Qué es el WPO? ¿Para qué sirve?

Compresión de imágenes.

La optimización en la subida de imágenes es clave. Google considera un error (y no le falta razón) subir una imagen de 1200px para luego mostrarla a un máximo de 300px. ¿Y esto a que se debe? Pues al peso de la imagen. No es lo mismo el peso de una imagen pequeña que puede ocupar unos 50kb, que gigante que puede llegar a 2mb o más. Influye también en esto los PPP (Puntos por pulgada). Cuantos más PPP tenga una imagen, más resolución tendrá pero también ocupará más tamaño. Se deben subir las imágenes al tamaño exacto a como se verán en la web. Tenemos más información como afectan las imágenes al SEO.

Carga diferida.

Pongamos por ejemplo que en nuestra web, en la Home, se van a mostrar unas 60 imágenes y que todas éstas están optimizadas. ¡60 imágenes!, por poco que pese cada una, la carga total puede ser muy lenta y ralentizar bastante. La carga diferida trata de esto precisamente, sólo cargar las imágenes que se muestran y no todas. Algunos navegadores como Chrome y Firefox ya han incluido nativamente esta opción, lo cual supone una buena noticia.

Minimizar y concatenar código.

Ya explicamos con detalle los conceptos sobre minificación de código, sólo habría que añadir el término concatenación en WPO; en el cual se intenta unificar todo el código CSS en un mismo archivo, JS en otro. Con esto conseguimos que sólo se cargue un sólo archivo (aunque eso sí, de mayor tamaño),  con todo nuestro código, lo que supone menos peticiones al servidor. Esto puede dañar la experiencia del usuario, ya que puede tarda más en cargar la página web.

Desactivar plugins.

En el caso de utilizar un CMS como WordPress o Prestashop, por regla general, un usuario suele instalar un plugin para casi cualquier cosa. La sobrecarga de estos también afecta al rendimiento, dado que una web con 50 plugins verá si o si como su tiempo de carga es bastante alto. La desinstalación de plugins inactivos y la mejora de carga puede ser una buena solución para poder mejorar los tiempos de carga. A muchos CMS les ocurre que el código de un plugin que sólo se utiliza en una determinada página se cargue por defecto en todas. Por ejemplo, si dispongo de un plugin para crear un formulario y sólo tengo uno en la página de contacto, ¿realmente es necesario que este plugin cargue sus archivos en otra página que no sea contacto?, pues no, no lo es para nada.

Peticiones Externas.

Se realizan casi en todas las web y es normal, pero tenemos que saber que, como todo, cuantas más peticiones haya más afectará al rendimiento. Cuando usamos una clave recaptcha, una fuente de google fonts, un píxel de facebook ó un código de seguimiento de analytics. Estos son algunos ejemplos que afectan en la carga del sitio web debido a que son carga de ficheros externos que solicitamos y no podemos mejorar el tiempo de respuesta.