[icon name="fa-wordpress"]

Instalar WordPress

Guía de Instalación

[icon name="fa-heartbeat"]

Optimizar WordPress

Optimización y Velocidad

[icon name="fa-lock"]

Seguridad de WordPress

Guía de Protección

Acelerar WordPress con Archivo htaccess

Acelerar WordPress con Archivo htaccess

Hay varios factores que afectan la velocidad de un sitio web, uno de estos factores es el archivo .htaccess. Acelerar WordPress con archivo htaccess es un paso muy importante para optimizar el funcionamiento de WordPress.

En este post te mostraremos algunas de las técnicas aplicadas para acelerar WordPress através del archivo .htaccess de tu sitio web.

Qué es Archivo .htaccess

.htaccess es un archivo especial dentro de la instalación de WordPress, y que te permite personalizar algunas funciones del servidor. Con .htaccess puedes crear redirecciones, reescribir enlaces URL de tu sitio web, como lo hace WordPress, para personalizar enlaces permanentes (permalinks) de tus entradas y páginas.

Para qué Sirve Archivo .htaccess en WordPress

El archivo de .htacces cumple varias funciones dentro de la instalación de cualquier sitio web, y sobre todo en WordPress, que es nuestro caso. Aquí listamos las tareas más importantes de este archivo mágico.

  • Optimizar WordPress
  • Mejorar velocidad del sitio
  • Proteger directorios con clave
  • Bloquear IP determinado
  • Otras más

Como has visto en esta lista, el archivo de .htaccess, además de acelerar WordPress, tiene funciones de seguridad también, por tanto el archivo de .htaccess es muy importante en WordPress.

Ubicación Archivo .htacces en WordPress

Este archivo se ubica en la carpeta raíz de la instalación de WordPress, al lado de carpetas como wp-content y wp-includes. Debes acceder a dicha ubicación con un programa de FTP de transferencia de archivos, o también mediante el panel de control cPanel de tu proveedor de hosting, por la url http://example.com/cpanel.

El  contenido típico de un archivo .htaccess de WordPress viene con un código con el siguiente contenido :

# BEGIN WordPress

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

# END WordPress

No Encuentro Archivo .htaccess de WordPress

Puede que no encuentres el archivo de .htaccess en tu instalación de WordPress, esto significa que no has ingresado a los ajustes de los enlaces permanentes. Para generar el archivo de .htaccess en WordPress, lo único que tienes que hacer es ingresar al panel de administración de WordPress, te diriges a la sección de Ajustes » Enlaces permanentes, eliges la estructura ideal para tu sitio, si quieres cambiarla, y luego dar clic al botón Guardar cambios, y así genera el archivo.

Te podría interesar leer:  ¿Por qué Debes Usar la Última Versión de WordPress?

Por defecto WordPress viene sin el archivo de .htaccess, puedes crearlo manualmente también y subirlo a la ruta de instalación de tu sitio web.

Acelerar WordPress con Archivo htaccess

Ahora pasamos a lo práctico. Antes de hacer cualquier edición o cambio en el archivo .htaccess, debes crear un backup completo y fresco de tu sitio web junto con la base de datos en un lugar seguro para revertir cualquier acción no planeada.

Compresión de HTML en WordPress

Comprimir de archivos HTML puede reducir drásticamente el tamaño del contenido enviado al visistante del sitio, y por tanto el tiempo de respuesta de la página web solicitada del servidor.

WordPress por defecto no ofrece ningún mecanismo para comprimir HTML generado por la página solicitada del servidor. Esta característica normalmente la ofrece el servidor del host, donde está tu sitio alojado, o basada en la consiguración del lenguaje de PHP.

Para habilitar la compresión gzip mediante el archivo .htaccess, sólo agregar el código siguiente en una nueva línea del documento. Puedes modificar el archivo .htaccess de forma más rápida y segura con el plugin WP Htaccess Editor sin usar un cliente FTP.

# BEGIN GZIP COMPRESSION
<ifmodule mod_gzip.c>
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.*
</ifmodule>
# END GZIP COMPRESSION

Con este código habilitamos la compresión usando el método gzip para comprimir los componente estáticos de tu sitio web. Puedes comprobar que la compresión ha sido habilitada en tu página con la herramienta de  Gzip Compression Test que lo verifica automáticamente.

Habilitar Cache de Navegación en WordPress

Hay componentes de tu sitio que no se modifican con frecuencia, por tanto es un poco absurdo solicitar al servidor que descargue los mismos archivos una y otra vez, para el mismo usuario. Para esto existen ajustes de Cache que le notifican al navegador para guardar algunos tipos de archivos específicos, durante un determinado periodo de tiempo en la memoria local en el Caché.

Te podría interesar leer:  8 Consejos para Acelerar tu Sitio Web de WordPress

En un tutorial he escrito sobre cómo crear cache de las páginas de tu sitio web mediante un plugin, para mejorar la navigabilidad y optimizar la experiencia de usuarios del sitio.

Cuando el visitante vuelve a solicitar la mismos archivos, el navegador los carga directamente de la ubicación local, que es la máquina del visitante, para esto se usan dos módulos de Apache que son mod_expires y md_headers. Ambos métodos pueden ser ajustados para acelerar WordPress con archivo htaccess.

Código para Activar Cache en WordPress por .htaccess

Con este código habilitamos el cache para los tipos de archivos que se guardarán en la memoria del computador del visitante.

#BEGIN EXPIRES HEADERS
<ifmodule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default expiration: 1 hour after request
ExpiresDefault "now plus 1 hour"
# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"
# Image files expiration: 1 month after request
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/vnd.microsoft.icon "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"
# Webfonts
ExpiresByType font/truetype "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
</ifmodule>
#END EXPIRES HEADERS

Este código para el Cache-Control permite tener más control sobre el Cache guardado temporalmente en la memoria del visitante. Aquí incluimos también max-age ya que no ha sido especificado en el mod_headers en el código arriba.

# BEGIN Cache-Control Headers
<ifmodule mod_headers.c>
<filesmatch "\\.(ico|jpe?g|png|gif|swf|gz)$">
Header set Cache-Control "max-age=2592000, public"
</filesmatch>
<filesmatch "\\.(css)$">
Header set Cache-Control "max-age=2592000, public"
</filesmatch>
<filesmatch "\\.(js)$">
Header set Cache-Control "max-age=2592000, private"
</filesmatch>
<filesmatch "\\.(html|htm)$">
Header set Cache-Control "max-age=7200, public"
</filesmatch>
# Disable caching for scripts and other dynamic files
<filesmatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
Header unset Cache-Control
</filesmatch>
</ifmodule>
# END Cache-Control Headers

Estos snippets te permitirán configurar los aspectos más importantes para acelerar WordPress con archivo htacces de la forma más eficaz, ahorrando tiempo a tus visitantes, y recursos valiosos a tu servidor, lo que le permitirá un funcionamiento óptimo.

Te podría interesar leer:  Añadir el texto alternativo o atributo Alt a las imágenes en Wordpress

Esperamos que te haya sido de ayuda, cualquier pregunta puedes usar el formulario de comentarios o la página de WPBody en Facebook para plantear tus preguntas sobre cómo acelerar WordPress con archivo htaccess.

4 comentarios en «Acelerar WordPress con Archivo htaccess»

  1. Hola
    Gracias por las explicaciones sobre el htaccess, andaba algo despistado con tanta información y códigos.
    Estas cuatro recomendaciones sencillas han mejorado bastante la puntuación en page speed

    Gracias

    Responder
    • Hola Lenin!
      El módulo externo de mod_gzip está activido en la configuración de casi todos los servidores Aparche 1.3 de las compañías serias, y el código que aparece en este tutorial es para los usuarios lo habiliten en sus sitios web en caso de necesitarlo.

      No recomendamos contratar un servicio de hosting si no permite el uso de la compresión Gzip, especialmente en los espacios compartidos, ya que es una característica que puede mejorar el desempeño del sitio web, y por tanto mejorar la experiencia del usuario final.

      Responder

Deja un comentario

Si continúas utilizando este sitio significa que aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar