3 consejos para mejorar tu PageSpeed en WordPress – Tutorial

Hace unos días lanzaba mi blog y aun estaba pensando que escribir en mi primer post cuando de repende leo un comentario en unos de mis grupos de Facebook donde un integrante preguntaba como mejorar su Google PageSpeed y acá esta la respuesta a esa pregunta.

 

Como lo he hecho desde que comencé como freenlace yo no hablo ni recomiendo nada que no haya probado en mis propios proyectos.

así que esta prueba la he realizado sobre mi propio sitio web.

Antes de comenzar con los cambios para mejorar mi Google PageSpeed, en Desktop o Escritorio mostraba la siguiente puntuación:

mejorar tu PageSpeed en WordPress

 

mejorar tu PageSpeed en WordPress

 

 

 

Como veras Google PageSpeed nos muestra los puntos que debemos reforzas en nuestra web.

Hoy te voy a mostrar los 3 que yo he aplicado hoy mismo en mi web y no me ha tomado mas de 20 minutos hacerlo.

 

Comenzamos con :

HABILITAR COMPRESIÓN

La mayoría de los servidores tienen Apache y reconocen los archivos .htaccess y solo agregando unas lineas de código en el  al archivo .htaccess podremos mejorar la puntuación de PageSpeed.
No se puede garantizar que GZIP este activo en nuestro servidor, asi que vamos a utilizar DEFLATE que es igual de efectivo y este si podremos garantizar que esta funcionando siempre.

Simplemente debes añadir estas líneas al .htaccess:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-shockwave-flash
</IfModule>

Con esto habras mejorado ligeramente la puntuación de Google PageSpeed tanto en dispositivos de escritorio, aunque en mi caso mejore casi el doble:

Web Hosting

 

También te puede ayudar:  Instalar certificado SSL en WordPress - Pasa tu web a HTTPS en 3 pasos

 

 

 

ESPECIFICAR CACHE DEL NAVEGADOR

Esta modificación te sera muy útil, lo único que debes hacer es añadir otras líneas al archivo .htaccess que especifiquen al navegador del visitante que guarde los archivos estáticos en cache para ser utilizados si el visitante vuelve a la web en algún momento ademas le pondremos un tiempo para que caduquen y se actualicen nuevamente cuanto visiten tu web.

Para activar el cache del navegador añades estas lineas al archivo .htacccess:

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType text/html “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access plus 1 month”
</IfModule>
## EXPIRES CACHING ##

Con esto también he subido ligeramente el PageSpeed y espero que tu tambien lo hagas.

y por Ultimo:

OPTIMIZAR IMÁGENES

Aunque existen muchas opciones para optimizar imágenes existen muchas alternativas. Personalmente utilizo herramientas que me permitan fácil y rápidamente lograr resultados reales y esta vez he utilizado el plugin EWWW Image Optimizer, yo he utilizado la configuración básica, sin embargo dependiendo de la cantidad de imágenes que tengas tu web te recomiendo que configures la opción más potente.

En mi caso, tras optimizar todas las imágenes con EWWW  y especificar chache al navegador he logrado aumentar un punto en la puntuación de Google PageSpeed

 

Solo copiar unas líneas de código e instalar un plugin para optimizar imágenes.

Aunque hayas mejorado tu PageSpeed con estos consejos siempre tendrás que hacerle seguimiento ya que mientras que vayas subiendo contenido a tu web o blog estos valores tienen a cambiar.

También te puede ayudar:  Crear cabecera fija con Elementor (sticky header) + VIDEO

En un próximo post te comentare otros acciones que puedes realizar.

Solo me queda decirte que lo apliques en tu web ahora mismo y me cuentes cuales han sido tu resultados, te animas ?

Esperare tu comentario

 

2 respuestas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

0 Compartir
Compartir
Twittear