Ya hemos dicho varias veces y nunca nos cansaremos de decir que la velocidad de carga de una web es muy importante. Si tu web no vuela, Google y resto de navegadores (hay vida mas allá de Google) te penalizaran. Así que vamos a ver una sencillos consejos, solmanente con modificar tu fichero .htaccess ganarás 50% de velocidad en tu blog.
Antes de comenzar lo mejor es saber que parte no va como debe, esa parte de tu web que se ataca y le cuesta coger velocidad. Para ello existen muchas herramientas como Pagespeed, Google Analytics,… pero en este caso utilizaremos GTMetrix que en nuestra caso como puedes ver abajo de un poquito de pena los resultados obtenidos.
Antes de seguir veamos los datos de arriba en la segunda columna (Page Details) que quieren decir:
- Page load time: El tiempo que tarda tu web en cargar.
- Total page size: Lo que ocupa tu web.
- Total number of requests: El número de peticiones que hace al servidor.
Cada vez que añadimos alguno de los consejos, veremos como mi WordPress va cogiendo velocidad y baja en todo. En la columna de la derecha, Performance Socres, veremos como sube, es que vamos mejorando todo.
Activa la compresión gzip
Si tienes marcado este error, que lo tenemos marcado, vamos a ver como activar. Puedes preguntar a tu hosting que suelen tener esto activado por defecto, pero si no es así añade esto a tu fichero .htaccess para reducir de tamaño los archivos que se pueden comprimir como los de texto, HTML, CSS, etc.
Ésto ahorra cantidad de tráfico y la web carga mucho más rápido.
# BEGIN GZIP <ifmodule mod_deflate.c> AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript </ifmodule> # END GZIP
Vemos una mejora en los datos, vamos a continuar
Especificar cache
La cache es un sistema que guarda una copia en el navegador de ciertos archivos estáticos como imágenes, CSS y otros.
Al activar la cache si tu sueles entrar a una página de vez en cuando, solo se cargará el contenido nuevo y no se tendrá que volver a descargar imágenes y demás ganando velocidad con ello, ahorramos tiempo y esfuerzo al servidor en beneficio del navegante.
Si no lo tienes activo, copia y pega lo siguiente en tu archivo .htaccess.
<ifmodule mod_expires.c> ExpiresActive On ExpiresDefault A3600 <filesmatch ".(jpg|JPG|gif|GIF|png|css|ico|js)$"> ExpiresDefault "access plus 1 week" </filesmatch> </ifmodule>
El código de arriba por defecto cachea durante 1 semana los ficheros marcados con la extensión que indica.
Si quieres especificar por tipo de fichero, mas tiempo de una semana, concretar un poco mas, como ejemplo puedes copiar este código. Variando estos parámetros puedes mejorar la velocidad de carga de tu bolg
# 1 YEAR <FilesMatch "\.(ico|pdf|flv)$"> Header set Cache-Control "max-age=29030400, public" </FilesMatch> # 1 WEEK <FilesMatch "\.(jpg|jpeg|png|gif|swf)$"> Header set Cache-Control "max-age=604800, public" </FilesMatch> # 2 DAYS <FilesMatch "\.(xml|txt|css|js)$"> Header set Cache-Control "max-age=172800, proxy-revalidate" </FilesMatch> # 1 MIN <FilesMatch "\.(html|htm|php)$"> Header set Cache-Control "max-age=60, private, proxy-revalidate" </FilesMatch>
Activa Keep-Alive
Keep-Alive es un sistema que mejora las conexiones si tu hosting activado no lo tiene activado puedes activarlo en el .htaccess.
<ifModule mod_headers.c> Header set Connection keep-alive </ifModule>
Desactivar ETAG
Los Etags forman parte de la información que envían los navegadores dentro de las solicitudes HTTP. Sirven para indicarle al servidor web qué versión de una página tenemos almacenada localmente, para que determine si ha cambiado y nos mande una nueva. Normalmente suelen ralentizar la carga por la comprobación de las mismas.
La solución es quitarlas y problema resuelto.
Copiamos lo siguiente al .htaccess.
<ifModule mod_headers.c> Header unset ETag </ifModule> FileETag None
Hasta ahora hemos conseguido mejorar un poco con estos cambios. Podemos seguir mejorando pero no con el .htaccess, que veremos en otro momento
Si seguimos con todos los consejos del blog podremos conseguir mejorar hasta llegar a lo siguiente, aunque todo siempre es mejorable:
