Cómo especificar caché de navegador

Publicado por: Kleber.Barrios el
23 de mayo de 2012
en Optimizar, Wordpress
10 Comentarios

Los sitios web necesitan de múltiples recursos para poder minimizar su tiempo de carga, uno de ellos es el caché, con el cual el administrador de un sitio web puede definir el tiempo de expiración de una imagen, texto, archivo, etc. Cuando se especifica el caché de navegador en una web lo que se esta haciendo básicamente, es decirle al navegador que tales archivos puede volverlos a mostrar como la primera vez que visito la web, así ahorra tiempo de carga al no tener que descargar nuevamente las imágenes.

Especificar caché de navegador en WordPress

Para especificar el cache de navegador en nuestro sitio creado con WordPress, haremos uso del archivo .htaccess, el cual descargamos de nuestro FTP para editarlo y colocarle el siguiente código (Código actualizado, el anterior presentaba problemas). Antes de borrar todo el contenido de tu archivo crea una copia de seguridad:

^?Ver código HTML

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
 
<IfModule mod_expires.c>
<filesmatch "\.(jpg|JPG|gif|GIF|png|PNG|css|ico)$">
ExpiresActive on
ExpiresDefault "access plus 31 day"
</filesmatch>
</IfModule>
 
# END WordPress

Con el código anterior estamos definiendo el tiempo de expiración de las imágenes y de todos los archivos en un mes. Listo, ahora volvemos a subir nuestro archivo al servidor, de esta manera tu sitio web demorará menos tiempo en cargar. Cualquier problema con el código puedes dejarlo en los comentarios.

Hay 10 Comentarios en “Cómo especificar caché de navegador”

Responder

Andres A. Dice:
septiembre 30th, 2012 a las 3:08 PM
Hay otra forma de hacerlo que no sea mediante el FTP?
- Responder
  
  Kleber.Barrios Dice:
  septiembre 30th, 2012 a las 5:47 PM
  Claro Andres también puedes hacerlo a través del Cpanel del hosting de tu web, puedes descargarlo en tu computadora y después lo modificas. normalmente el acceso se encuentra en la url tusitio.com/cpanel
  
  Saludos
Responder

josue Dice:
noviembre 21st, 2012 a las 11:25 AM
Hola, he intentado varias veces pegar el código en mi archivo .htaccess la primera vez he borrado todo lo que tenia y lo he sustituido por el del post, y daba error la segunda lo he incluido al codigo que ya aparecía y también daba error.

este es el codigo que viene por defecto en mi archivo htaccess:

SetEnv PHP_VER 5
SetEnv REGISTER_GLOBALS 0

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

# BEGIN WordPress

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

# END WordPress

donde debo pegarlo?
gracias!!!!
- Responder
  
  Kleber.Barrios Dice:
  noviembre 21st, 2012 a las 6:25 PM
  Hola Joseu
  
  tu código esta bien. que acción quieres realizar desde el htacces? Para poder ayudarte mejor.
  - Responder
    
    Daniel Dice:
    noviembre 24th, 2012 a las 6:59 PM
    Hola Kleber, excelente la información con respecto a WordPress y Page Speed.
    
    A mi me ha dado el mismo error que Jossué, he introducido los códigos en el archivo .htaccess, pero los he vuelto a quitar pues no cargaba la página en los navegadores.
    
    En que lugar concreto se deben pegar estos códigos en este archivo? Es un dato importante este.
    
    Este es el texto de mi archivo .htaccess de mi blog de WordPress:
    
    # -FrontPage-
    
    IndexIgnore .htaccess */.??* *~ *# */HEADER* */README* */_vti*
    
    order deny,allow
    deny from all
    allow from all
    
    order deny,allow
    deny from all
    
    AuthName comoconstruirundomo.info
    AuthUserFile /home/comodomo/public_html/_vti_pvt/service.pwd
    AuthGroupFile /home/comodomo/public_html/_vti_pvt/service.grp
    
    # BEGIN WordPress
    
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.php$ – [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    
    # END WordPress
    
    Te agradezco que indiques en que lugar van estos códigos, así de esta manera también guiamos a quienes sigan estos artículos en el futuro.
    
    Gracias
    
    Atte Daniel
    - Responder
      
      Kleber.Barrios Dice:
      noviembre 25th, 2012 a las 11:43 AM
      Hola Josue y Daniel.
      
      Primero gracias por reportar el error. Estuve viendo y les deje un nuevo código actualizado (Se encuentra en el post). Ahora utilizo el modulo para ordenar la expiración al mes. la primera linea del código es la que viene por defecto una vez creamos URL amigables. Entonces solo tienes que copiar y pegar el codigo tal cual y borrar todo el contenido por defecto que trae tu htaccess.
      
      Si presenta problemas, dejen el comentario.
      
      Saludos
Responder

elprofecibernetico Dice:
marzo 3rd, 2013 a las 11:27 AM
Gracias Amigo voy a ponerlo en practica ahora mismo.
Responder

Johnnie Dice:
mayo 12th, 2013 a las 6:17 PM
Con este proceso pasé de 75 sobre 100 a 84 sobre 100 en el page speed de Google, realmente me sirvió demasiado. Mil gracias.
- Responder
  
  Kleber.Barrios Dice:
  mayo 13th, 2013 a las 9:21 AM
  Hola Johnie me alegro que la información te fuera útil.
  Saludos.
Responder

Luis Soluciones Uno Dice:
mayo 20th, 2013 a las 1:59 PM
se pueden incluir los archivos js?