¿Cómo mejorar la velocidad con htaccess? – PageSpeed

14 noviembre, 2017Cristina Ortiz

 

Uno de los problemas más habituales en SEO y que perjudica gravemente tanto la usabilidad web como el posicionamiento, es la velocidad de carga de tu web.

Si es lenta o aceptable no destacarás por las palabras objetivo de tus páginas en Google. Pero si trabajas bien el resto de elementos SEO y la velocidad de carga de tu web, compites con una web mucho más optimizada y notarás los resultados.

El propio Google cuenta con la herramienta de test PageSpeed para analizar el rendimiento de tu web. Se trata de una herramienta muy potente a nivel de análisis, que te mostrará todos los problemas o recomendaciones para mejorar la velocidad. También puedes usar estas otras herramientas para medir la velocidad de tu site y que te aportarán mucha información complementaria, como por ejemplo, el tiempo de carga (en segundos) o el peso total de tu web. 

Cómo mejorar la puntuación de tu web en PageSpeed

Tener un 100/100 es practicamente imposible si utilizas plugins sociales como Sumo o las propias herramientas de Google: Google Analytics o Google Adsense.

Pero se puede mejorar la nota de forma notable esta puntuación de PageSpeed. Solo tienes que añadir algunas reglas como las de “habilitar la compresión” o “especificar caché de navegador” en tu archivo htaccess (en la raíz de tu servidor, al que puedes acceder por FTP). Estos dos ejemplos son los problemas principales que suelen mostrar la mayoría de webs.

Además, añadiendo estas líneas de código notarás mejorado el problema de “Reducir el tiempo de respuesta del servidor“.

especificar cache navegador pagespeed

Especificar caché de navegador

Lo que hacen estas líneas de código es “recordar” los recursos que el navegador ya ha cargado.

¿Y esto en qué ayuda? En que cuando un usuario pasa a otra página de tu sitio web no tiene que volver a cargar otra vez archivos como el logo, CSS.. porque ya los tiene en “caché”. Por lo que tus páginas se cargarán mucho más rápido.

Sobre el código que he utilizado, la propia herramienta te muestra lo que significa y cuáles son las mejores prácticas para crearlo. Siempre tienes que adaptar el ejemplo a tu caso (como el tipo de archivos y el tiempo). En el ejemplo he seguido las recomendaciones que te da la herramienta sobre habilitar el almacenamiento en caché del navegador en tu servidor. Especifica que los recursos estáticos deben tener un ciclo de vida en caché de al menos una semana

Habilita el almacenamiento en caché del navegador en tu servidor. Los recursos estáticos deben tener un ciclo de vida en caché de al menos una semana y, preferiblemente, un año como máximo. Con # estamos comentando el código para ubicarlo dentro del htaccess.

# Con especificamos cache
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 10 days”
ExpiresByType text/css “access plus 1 week”
ExpiresByType text/plain “access plus 1 week”
ExpiresByType image/gif “access plus 1 month”
ExpiresByType image/png “access plus 1 month”
ExpiresByType image/jpg “access plus 1 month”
ExpiresByType image/jpeg “access plus 1 month”
ExpiresByType application/pdf “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access plus 1 month”
ExpiresByType image/x-icon “access plus 3 months”
ExpiresByType application/x-javascript “access plus 1 month”
ExpiresByType application/javascript “access plus 1 week”
ExpiresByType text/javascript “access plus 1 week”
ExpiresByType application/x-icon “access plus 3 months”
ExpiresByType application/xhtml+xm “access plus 1 months”
</IfModule>

*Recuerda copiar sin formato antes, ya que a veces da error de servidor por culpa de copiarlo directamente o por las comillas

Habilitar la compresión

Al introducir este código estamos habilitando la compresión de los recursos de la página.

Si nuestro servidor está habilitado para comprimir archivos en formato gzip antes de enviarlos para su descarga, se reduce el tiempo en que se muestra tu sitio web. Además, esto ayuda a reducir el número de peticiones al servidor.

 

# Habilitar compresión para WordPress
<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/pdf
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
AddOutputFilterByType DEFLATE image/svg+xml .svg .svgz
</IfModule>
# END compresión

¿Cómo mejorar la velocidad con htaccess? – PageSpeed
5 (100%) 2 votes

Leave a comment

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

seis + 3 =

Anterior Siguiente