Un sitio web debe ser rápido y lograrlo no es nada fácil, intervienen muchos factores para poder lograrlo, pero hoy veremos uno de ellos, acelerar tu sitio web con htaccess y unas simples líneas a agregar en él.
Entre los muchos factores del posicionamiento web tenemos la velocidad de una web.
Además de ser importante para el posicionamiento de nuestra web, también lo es importante en usabilidad.
Nadie va a esperar 10 segundos a que tu web cargue si puede ir hacia atrás e ingresar a otra página.
¿Necesitas hosting wordpress? WebEmpresa te ofrece un servicio super rápido, excelente soporte en español y certificado SSL gratuito:
WebEmpresaAhora bien, para mejorar nuestra velocidad de acceso, tenemos que hacer varias cosas.
Hoy hablaremos sobre acelerar tu sitio web con htaccess, con algunas modificaciones en este archivo nuestra web irá mucho más rápido.
En casi cualquier cuenta de hosting podremos encontrar este archivo en nuestro servidor o de lo contrario podremos crearlo nosotros mismos.
Antes de continuar vamos a hablar un poco sobre este archivo y donde podrás encontrarlo.
¿Qué es un archivo htaccess?
Un archivo htaccess es un archivo de configuración para servidores web Apache.
Contiene directivas de como debe funcionar nuestro servidor, por lo que es importante aprender a modificarlo.
Debemos de tener en cuenta que una mala configuración puede hacer que tu sitio no esté disponible temporalmente, así que ten cuidado.
En este archivo podremos indicar que puede o no hacer un visitante, así como el comportamiento del servidor respecto a las conexiones entrantes.
El archivo lo podremos encontrar en la raíz principal de nuestra web, aunque realmente podemos agregarlo en cualquier carpeta y modificar el comportamiento de ese nivel.
Si no ves el archivo, asegúrate de establecer que quieres visualizar archivos ocultos, si aun así no lo ves entonces podrás crearlo (.htaccess).
Cachear el contenido de nuestra web
Lo primero que vamos a agregar serán unas líneas para indicar cuando es que el contenido de nuestra web expira.
Contenido como imágenes, css, javascript, fuentes, audio o video tendrán una fecha de expiración.
Con esto nuestros visitantes bajarán estos archivos una vez y luego ya no hasta su fecha de expiración.
Ahora, la segunda vez que ingresen, ya no descargaran todo nuestro sitio, sino solo unos cuantos archivos.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"
ExpiresByType image/bmp "now plus 1 month"
ExpiresByType image/gif "now plus 1 month"
ExpiresByType image/jpeg "now plus 1 month"
ExpiresByType image/jp2 "now plus 1 month"
ExpiresByType image/pipeg "now plus 1 month"
ExpiresByType image/png "now plus 1 month"
ExpiresByType image/svg+xml "now plus 1 month"
ExpiresByType image/tiff "now plus 1 month"
ExpiresByType image/x-icon "now plus 1 month"
ExpiresByType image/ico "now plus 1 month"
ExpiresByType image/icon "now plus 1 month"
ExpiresByType text/ico "now plus 1 month"
ExpiresByType application/ico "now plus 1 month"
ExpiresByType image/vnd.wap.wbmp "now plus 1 month"
ExpiresByType application/x-font-ttf "now plus 1 week"
ExpiresByType application/x-font-opentype "now plus 1 week"
ExpiresByType application/x-font-woff "now plus 1 week"
ExpiresByType font/woff2 "now plus 1 week"
ExpiresByType image/svg+xml "now plus 1 week"
ExpiresByType audio/ogg "now plus 1 month"
ExpiresByType application/ogg "now plus 1 month"
ExpiresByType audio/basic "now plus 1 month"
ExpiresByType audio/mid "now plus 1 month"
ExpiresByType audio/midi "now plus 1 month"
ExpiresByType audio/mpeg "now plus 1 month"
ExpiresByType audio/mp3 "now plus 1 month"
ExpiresByType audio/x-aiff "now plus 1 month"
ExpiresByType audio/x-mpegurl "now plus 1 month"
ExpiresByType audio/x-pn-realaudio "now plus 1 month"
ExpiresByType audio/x-wav "now plus 1 month"
ExpiresByType application/x-shockwave-flash "now plus 1 month"
ExpiresByType x-world/x-vrml "now plus 1 month"
ExpiresByType video/x-msvideo "now plus 1 month"
ExpiresByType video/mpeg "now plus 1 month"
ExpiresByType video/mp4 "now plus 1 month"
ExpiresByType video/quicktime "now plus 1 month"
ExpiresByType video/x-la-asf "now plus 1 month"
ExpiresByType video/x-ms-asf "now plus 1 month"
</IfModule>Comprimir el contenido de nuestra web
Otro factor importante que vamos a tocar es la compresión.
Generalmente, se envía el contenido sin comprimir, pero con estas líneas vamos a intentar comprimir con gzip nuestro contenido.
Si no fuera posible comprimir con gzip, entonces utilizaremos deflate.
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascriptAhora te toca hacer pruebas y comprobar que tu sitio funciona de forma correcta.
Si notas un problema, prueba eliminando alguna de estas secciones.
Deberíamos de notar un cambio desde la primera vez que carguemos nuevamente nuestra web.
Aunque el mayor cambio lo deberíamos ver al cargar nuestra web por segunda vez, ya que los archivos cacheados ya no se pedirán nuevamente.
Ya antes hemos hablado de como mejorar la velocidad de tu web, pero este artículo está más enfocado al archivo htaccess.
Date una vuelta por ese artículo para conocer más técnicas de optimización web.
Si esta información sobre acelerar tu sitio web con htaccess te ha sido de utilidad, no olvides compartirla en tus redes sociales y dejarnos un comentario en la sección de abajo, si tienes cualquier duda relacionada con el tema de hoy, será un placer ayudarte.
¡Hasta luego!