Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
Sin Resultado
Ver Todos los Resultados
Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
Sin Resultado
Ver Todos los Resultados
Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
Sin Resultado
Ver Todos los Resultados
Home Wordpress

Acelera tu WordPress con .htaccess

6 septiembre, 2016
en Wordpress
0
htaccess

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.

gtmetrix antes

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.

Resumen del Contenido

  • Activa la compresión gzip
  • Especificar cache
  • Activa Keep-Alive
  • Desactivar ETAG

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

gtmetrix antes 03

Si seguimos con todos los consejos del blog podremos conseguir mejorar hasta llegar a lo siguiente, aunque todo siempre es mejorable:

gtmetrix breena

Etiquetas: .htaccessaceleraretagGTmetrixKeep-Alive
ANUNCIO
Post anterior

Breena Theme – Nueva plantilla para wordpress

Próximo Post

Gestión de Eventos con WordPress

Otros Posts

mover wordpress de dominio

Los 3 pasos básicos para tener presencia online

3 diciembre, 2020
0

Por culpa de la pandemia, en los últimos meses muchas empresas y sobre todo pequeños comercios y autónomos, se han visto en la obligación de dar el salto al mundo online para tener presencia en...

Utilidades para chequear y medir la reputación del servidor de correo

Cómo elegir el mejor Hosting para WordPress

4 junio, 2020
0

A menudo pasado por alto que el hosting es uno de los componentes clave par aun sitio web exitoso. Elegir el mejor hosting para WordPress para tus necesidades puede mejorar tu SEO y aumentar las...

Por favor logueate para comentar

Recomendados

Reglas CSS por defecto para los navegadores

Utilidades molonas para el webmaster inquieto

19 febrero, 2012
10 Sitios donde descargar imágenes libres para tu web

10 Sitios donde descargar imágenes libres para tu web

14 octubre, 2019
La Química de Google con los desarrolladores

La Química de Google con los desarrolladores

8 enero, 2012
Robots.txt perfecto para WordPress

Robots.txt perfecto para WordPress

27 enero, 2012

Tutotial Monstersse

Somos un equipo creativo apasionado por brindar los mejores recursos gratuitos y premium a la comunidad de diseño.
PADAWAN

  • Home
  • Política de privacidad
  • Política de Cookies
  • Aviso Legal
  • Contactar

© 2020 Tutorial Monsters - Estamos para Colaborar SEOConsultora.

Sin Resultado
Ver Todos los Resultados
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
Este sitio web utiliza cookies. Al continuar utilizando este sitio web, usted da su consentimiento para que se utilicen cookies. Visite nuestra Política de privacidad y cookies .