Acelerar un blog usando htaccess nunca había sido tan fácil

  • noviembre 4, 2020

A veces te he hablado sobre cómo mejorar la velocidad de descarga de tu sitio, con algunos consejos y trucos. pero hoy quiero contarte cómo acelerar tu blog con .htaccess.

La razón es que la mayoría de las formas de acelerar un sitio web y mejorar su velocidad de descarga se suelen realizar a través de servicios independientes, complementos o con una configuración compleja.

Pero hay una serie de consejos básicos, como habilitar la compresión de archivos o la administración de caché Te ayudarán a mejorar un poco la velocidad de descarga de tu blog.

¿Qué es el .htaccess?

En primer lugar, es importante saber bien dónde vamos a tocar para acelerar tu blog con .htaccess.

.htaccess es archivo de configuración especial, generalmente en la raíz de su servidor web, se usa apache Oh nginx (su software de servidor web) para poder gestionar directorios, accesos, redireccionamientos, etc.

También podemos encontrar este archivo en los subdirectorios de nuestro servidor web.

Pero nos interesa el que está directamente en la raíz y es esto lo que usaremos para llamar a las funciones de apache que nos ayudarán a mejorar la carga en nuestro internet.

En mi caso, siendo mi servidor de Webempresa, usaré un servidor en mi raíz llamado public_html

¿Cómo activamos .htaccess en WordPress?

Como verás, es muy sencillo.

Si usa enlaces persistentes compatibles con SEO (y debería usarlos), por ejemplo,% postname%, ya estás usando .htaccess y se verá así:

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

# END WordPress

Necesita configuraciones para acelerar los blogs usando htaccess

Comencemos con los ajustes.

En primer lugar, como siempre, debe realizar una copia de seguridad del archivo., por si acaso algo deja de funcionar.

Además, muchas de estas configuraciones también se realizan mediante plugins de caché, pero en cualquier caso no suele haber conflictos, solo que no notarás los impresionantes cambios.

Y que estos cambios afectarán los archivos de su sitio que se encuentran en su servidor. Pero si «llama» a archivos externos como Facebook javascript, o similares, no afectará.

Truco # 1. Habilitar la compresión Gzip

Cada respuesta enviada por su servidor debe ser «comprimida» o comprimida antes de enviarla al visitante. Entonces. La compresión Gzip ayuda a reducir la cantidad de datos enviados, ahorrando ancho de banda y acelerando la carga de su sitio.

Por lo general, la diferencia entre un sitio web que usa gzip o no es un ahorro de ancho de banda del 50-70%.

Si quieres, puedes comprobar si ya está activo y cuánto ahorro supone utilizando esta herramienta online: checkgzipcompression.com

En esta imagen ves el resultado mientras pruebas mi blog:

Y ahora, si necesita esta función en su blog, solo necesita insertar estas líneas al final de su archivo .htaccess:

mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
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.*

Luego, guarde el archivo en el servidor. Si quieres probar, puedes usar la herramienta antes.

Hay varias formas de habilitar Gzip en su servidor, dependiendo de si usa apache, nginx, etc. De cualquier manera, estas cadenas deberían aplicarse a cualquier sistema.

Si esto no funciona para usted, probablemente ya tenga Apache2, y este código es mejor para usted. Retire el anterior e intente lo siguiente:

AddOutputFilterByType DEFLATE text/html text/xml text/css text/plain
AddOutputFilterByType DEFLATE image/svg+xml application/xhtml+xml application/xml
AddOutputFilterByType DEFLATE application/rdf+xml application/rss+xml application/atom+xml
AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript application/json
AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-otf
AddOutputFilterByType DEFLATE font/truetype font/opentype

Truco # 2. Acelere los blogs con htaccess para ajustar los tiempos de finalización de la caché y los encabezados

Si analiza su sitio utilizando Google PageSpeed ​​o cualquier otra herramienta de optimización, definitivamente le advertirá sobre qué para mejorar la velocidad, necesita usar la caché del navegador.Acelera tu blog con htaccess y pagespeed

La razón de esto es que cada vez que alguien navega por su sitio, tiene que descargar javascript, css, html, etc. su sitio si solo lo necesita por primera vez.

Puede ahorrar mucho tiempo y solicitudes del servidor configurando un caché del navegador.

Entonces, cuando un usuario regresa a su sitio, será más rápido porque ya se cargarán muchas cosas.

Pero es importante establecer una fecha de vencimiento razonable para que estos archivos se agoten y se vuelvan a descargar.

De lo contrario, los cambios que hagamos en estos archivos no se reflejarán (si publica una nueva publicación, se verá).

Este tiempo es flexible y se puede cambiar según el tipo de su sitio, pero en la mayoría de los casos este código volverá a funcionar:

# BEGIN Expire headers

ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 216000 seconds"
ExpiresByType application/javascript "access plus 216000 seconds"
ExpiresByType application/x-javascript "access plus 216000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"

# END Expire headers

Como antes, pegue este código al final del archivo.

Y con este código, que también añadimos al final, hacemos gestionar la política mediante el cual se administran y modifican las solicitudes y respuestas HTTP en los encabezados de los archivos.

# BEGIN Cache-Control Headers

<filesmatch ".(ico|jpe?g|png|gif|swf)$"="">
Header set Cache-Control "public"

<filesmatch ".(css)$"="">
Header set Cache-Control "public"

<filesmatch ".(js)$"="">
Header set Cache-Control "private"

<filesmatch ".(x?html?|php)$"="">
Header set Cache-Control "private, must-revalidate"

# END Cache-Control Headers

¿Qué más puedo hacer con .htaccess?

Bueno, es una herramienta bastante poderosa y sabes que el poder viene con la responsabilidad.

Puedes crear redireccionamientos o manipular las URL de tu sitio web, así como aumentar la seguridad de tu blog y ganar algunos puntos de posicionamiento online.


¿Quieres registrar las visitas a tu sitio web o tu blog?

diseño-master-class-SEO copy

Incrementa el tráfico y mejora el posicionamiento de tu sitio con esta clase gratuita de SEO que Dean Romero ha preparado para ti.

Obtenga acceso a 3 lecciones ahora y comience a convertir datos en su cuenta de Analytics hoy mismo.

Si quieres saber más, puedes echar un vistazo a este sitio: Revisión de archivos Htaccess

Y ya sabes que si no te atreves a hacer estos cambios, o el problema técnico no es tuyo, puedes contar con mi ayuda para encargarme de todos estos aspectos de tu sitio. ¡Consulta el servicio de mantenimiento del blog!

¿Sabías que a través de un archivo .htaccess puedes acelerar tu blog? ¿Lo has intentado y te has quedado? Estoy a tu disposición en los comentarios. ¡Pregúntame lo que quieras! 😉

No Comments Found