sábado, 10 de septiembre de 2016

Haz tu blog Wordpress más rápido sin plugins

Una de las cosas que más pueden fastidiar al internauta medio es acceder a páginas lentas. Nos hemos acostumbrado a acceder a la información de forma rápida y repetida, por lo que un punto importante para mejorar la sensación de nuestros visitantes es hacer que nuestra página cargue los más rápido posible.

Tras seguir los consejos básicos y recurrentes (reducir tamaño de las imágenes, elegir un tema simple, evitar el abuso de Javascripts, etc.), el siguiente punto que todos los manuales recomiendan es la activación de caché en los archivos (para evitar que el navegador se descargue cada vez la misma foto perdiendo tiempo) y la compresión de los archivos enviados para reducir el tamaño de la información enviada (especialmente importante para los visitantes móviles). Existen múltiples plugins para Wordpress especializados en esta tarea, pero seamos realistas, salvo que tengas una gran cantidad de tráfico usarlos sería como matar a cañonazos. Una solución simple, efectiva, y que evitar instalar más plugins en nuestras webs sería modificar el fichero .htaccess de nuestra web añadiendo el código descrito a continuación.

Activación caché
Con el siguiente código le indicamos al navegador de nuestro cliente que una vez que haya bajado un fichero puede reutilizarlo tantas veces como necesite, sin tener que volverlo a descargar, hasta que llegue la fecha de caducidad. Cuando subimos una imagen JPG a nuestro blog para decorar una entrada no la volvemos a tocar en la vida por lo que descargarla en cada visita es una pérdida de tiempo y ancho de banda, así con el siguiendo código le indicamos al navegador del visitante que puede almacenar esa imagen durante un año y reutilizarla tantas veces como necesite en ese tiempo.

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"

## EXPIRES CACHING ##
Activación compresión 
La compresión GZIP permite que al enviar archivos éstos se compriman en el servidor y descompriman en el navegador del usuario consiguiendo que los datos transmitidos sean menores. Así se consigue ahorrar ancho de banda, lo cual es importante para los visitantes móviles y para aquellos que tengan contratado un plan con limitación de datos en sus blogs.

## GZIP ##

  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent

## END GZIP ##

Compruebalo
Haz un test de velocidad gratuito de tu blog con GTMetrix antes y después de incorporar estos códigos y verás que sí hay diferencia.

No hay comentarios:

Publicar un comentario