Cómo habilitar compresión GZIP para acelerar tu WordPress

Muestra un zapato grande y uno chico como una metáfora de la compresión de datos

Habilitar la compresión GZIP en tu servidor puede hacer que tu WordPress se acelere considerablemente, y a decir verdad, es una de las técnicas de las que podemos decir que la fruta está colgando muy abajo, es decir, no hace falta mucho esfuerzo para implementarla – y las ganancias pueden ser sustanciales. Recuerden que Google quiere que todos los sitios carguen rápido o de lo contrario tu sitio posiblemente pare en la página 5 o 6 de resultados de Google, junto con bonitos sitios de apuestas y demás.

¿Porqué es importante comprimir el contenido?

Si han usado GTmetrix alguna vez, sabrán que ofrece valores medios de varias métricas, una de ellas es el peso medio de los sitios: al momento de escribir este artículo, el peso medio de un sitio es de 3.17 MB; es fácil deducir que cuanto más nos ahorremos en nuestros sitios más rápido responderán, y una de las formas de ahorrar la cantidad de datos que se transmiten desde los servidores donde alojamos nuestros sitios hasta los navegadores es comprimir dichos datos. GTmetrix en particular reporta el uso de la compresión gzip en el criterio “Enable gzip compression“, el cual debe estar mínimo en 85% según GTmetrix.

Leer másCómo habilitar compresión GZIP para acelerar tu WordPress

Carga diferida de imágenes: que es, como activarla para WordPress y comparativa de plugins

¿Qué es la carga diferida de imágenes?

La carga diferida es un patrón de diseño que básicamente consiste en utilizar un objeto hasta que este haga falta; pensemos en imágenes para ir entendiendo mejor el concepto. Imagina que tienes un sitio que carga una cantidad considerable de imágenes, que como sabrás, representan la mayor parte del tamaño total de un sitio – hasta un 70-80% -, y es imperativo que las optimices tanto como puedas. Ahora bien, en un sitio no optimizado, el navegador intentará cargar todo lo que se defina en este, sean imágenes, scripts, hojas de estilo, etc.; en el caso particular de las imágenes, la carga diferida consiste en cargar sólo las imágenes que ves en pantalla; conforme vayas desplazando la página, el navegador irá solicitando las imágenes cuando estas estén a punto de aparecer en pantalla.

¿Que ventajas nos da la carga diferida de imágenes?

Las ganancias son sustanciales, pues al no tener que descargar todos los recursos de golpe (vamos a centrarnos en imágenes de ahora en adelante), la cantidad de datos a descargar es menor, y por ende ves un resultado mas rápido en tu navegador. El servidor tampoco transmite más de lo que debe; ambas cosas se traducen en reducción de peticiones, algo que por lo general es muy penalizado por los medidores de desempeño como GTmetrix o similares, por lo que en sitios con una gran cantidad de imágenes es una de las primeras técnicas que deberías de usar.

Leer másCarga diferida de imágenes: que es, como activarla para WordPress y comparativa de plugins

Cómo optimizar la caché del navegador en WordPress

Ilustración de cohete despegando en alusión a la rapidez del web caching

Optimizar la caché de navegador es quizás una de las técnicas de optimización web más incomprendidas; bien usada ofrece resultados impresionantes, y a pesar de eso muchos sitios ni siquiera implementan una política eficiente de caché de navegador, teniendo como resultado un sitio que seguramente no irá muy rápido que digamos. Si has usado GTmetrix u otras herramientas similares y al analizar tu sitio te has encontrado con que tienes una calificación baja en algo que dice Leverage browser cache o algo muy similar, dependiendo de la herramienta: esto se refiere a que tu sitio no está usando esta técnica de optimización que responde al mismo nombre, y que es algo que han ofrecido los navegadores desde hace muchísimos años, aunque de formas cada vez más refinadas hasta llegar a la actualidad. En este tutorial aprenderás qué es la caché del navegador, como controlarla efectivamente, y como determinar una estrategia apropiada de caché para tu sitio.

Pero antes de empezar, una advertencia: este tema es uno de esos que no basta con que copies un bloque de códigos raros, lo pegues y esperes que todo funcione mágicamente; no hay una solución unificada para todos los sitios, y quién te diga lo contrario es un charlatán, así de sencillo. Este tema es uno de esos que tienes que entender para aplicarlo correctamente. La optimización de la caché del navegador puede ser una bendición y una maldición: bien aplicadas puede resultar en ver un sitio web previamente visitado casi instantáneamente; pero si son mal usadas, esos mismos recursos almacenados en caché pueden arruinar la experiencia del usuario al proporcionar contenido obsoleto hace una semana – y probablemente ni lo sepas. Vamos a empezar.

Leer másCómo optimizar la caché del navegador en WordPress

Do NOT follow this link or you will be banned from the site!