Lunes , 21 abril 2014
Artículos Recomendados
Inicio » Herramientas de Internet » Blogs / Wordpress » Cómo hacer para que un sitio hecho en WordPress cargue rápido

Cómo hacer para que un sitio hecho en WordPress cargue rápido

Todos sabemos, o debemos saber, que el tiempo de carga de las páginas de un sitio web es fundamental para conseguir visitas. Los buscadores, con Google a la cabeza, tienen en cuenta, a la hora de indexación, este tiempo. Los diseñadores y gestores de sitios web saben que algo muy importante para conseguir esto es el servidor que aloja el sitio, pero también existen otros puntos a tener en cuenta.

Carga rápida de un sitio hecho en WordPress

Todo lo que indicamos a continuación está probado en un servidor compartido, un sistema utilizado por unos cuantos usuarios con sitios personales. Está referido, tal como indicamos en el título, a sitios que trabajan con el CMS WordPress, y requiere de la instalación y configuración de dos plugins, WP Super Cache y WP Minify, así como de un pequeño ajuste en el archivo .htacces.

Cómo hacer para que un sitio hecho en WordPress cargue rápido

Instalar y configurar WP Super Cache

Tras descargar y activar WP Super Cache, debemos acceder a su panel de administración (Ajustes -> WP Super Cache) y establecer la siguiente configuración:

  • En la pestaña Easy marcamos Caching on y pulsamos sobre Actualizar estado.
  • En la pestaña Avanzado, marcamos lo siguiente:
    Cache hits to this website for quick access.
    Use mod_rewrite to serve cache files.
    Compress pages so they’re served more quickly to visitors.
    Don’t cache pages for known users.
    Cache rebuild. Serve a supercache file to anonymous users while a new file is being generated.
    Mobile device support. [El tema debe estar habilitado para dispositivos móviles o tener un plugin instalado] - Extra homepage checks. (Very occasionally stops homepage caching).
  • Pulsamos a continuación sobre Actualizar estado. Se deben actualizar también las Reglas Mod Rewrite, pulsando sobre el botón correspondiente.
  • En la pestaña Preload ponemos 1440 minutos en Refresh preloaded cache files every. Activamos Preload mode (garbage collection only on legacy cache files y pulsamos sobre Update settings.

Instalar y configurar WP Minify

Hacemos lo mismo que con el anterior plugin (instalación y activación) y, para establecer los ajustes, acudimos a Ajustes -> WP Minify. Establecemos la siguiente configuración:

  • En General Configuration activamos las tres opciones marcadas, las que se refieren a la minificación de JavaScript, de CSS y de HTML. Si nuestro tema no carga como debiera, tendremos que desactivar la opción referida a CSS, aunque no es lo normal.
  • En Tweaking / Tuning marcamos Automatically set your Minify base per siteurl setting.
  • Si tu tema de WordPress lo soporta, puedes activar la carga de archivos JavaScript en el pie de las páginas: Place Minified JavaScript in footer.
  • Pulsa sobre Update options.

Retoques en .htaccess

Con el fin de especificar la caché del navegador para los distintos tipos de archivos, debemos añadir las líneas siguientes en la parte superior del archivo .htaccess:

# Turn on Expires and set default to 0
 ExpiresActive On
 ExpiresDefault A0
# Set up caching on media files for 1 year (forever?)
 <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">
 ExpiresDefault A29030400
 Header append Cache-Control "public"
 </FilesMatch>
# Set up caching on media files for 1 week
 <FilesMatch "\.(gif|jpg|jpeg|png|swf)$">
 ExpiresDefault A604800
 Header append Cache-Control "public"
 </FilesMatch>
# Set up 2 Hour caching on commonly updated files
 <FilesMatch "\.(xml|txt|html|js|css)$">
 ExpiresDefault A7200
 Header append Cache-Control "proxy-revalidate"
 </FilesMatch>
# Force no caching for dynamic files
 <FilesMatch "\.(php|cgi|pl|htm)$">
 ExpiresActive Off
 Header set Cache-Control "private, no-cache, no-store, proxy-revalidate, no-transform"
 Header set Pragma "no-cache"
 </FilesMatch>

Enlaces | WP Super CacheWP Minify

Acerca de Fabriciano González

Amante de la informática y de Internet entre otras muchas pasiones. Leo, descifro, interpreto, combino y escribo. Lo hago para seguir viviendo y disfrutando. Trato de dominar el tiempo para que no me esclavice.

4 Comentarios

  1. Alexander Alvarez

    Gracias hermano me sirvió de mucha ayuda, he probado muchos plugin y este me gusto mucho WP Minify

  2. el wp-super caché me ha dado más de un dolor de cabeza. Además de que por muchos parámetros que movía no recargaba los cambios lo necesario, al final notaba que la carga de la página era más lenta -curiosamente-. Lo peor fue que al desinstalar suele dejar muchos rastros en la base de datos, los cuales aún conservo hoy en día, porque son muchos e ir borrándolos de forma manual es complicado.

    Sobre el wp-minify me sale “Error de codificación de contenido.La página que está intentando visualizar no puede mostrarse porque utiliza un formato de compresión no válido o no admitido” Aún quitándole las opciones marcadas.

    Y sobre modificar el .htaccess tengo malas experiencias tocando este archivo, ya que cada vez que tocaba éste, algo terminaba rompiéndose.

    Para la mejor carga, como ya me recomendaste, usar p3 y ver qué plugins cargan lento y cambiarlos por otros de menos “peso” y lazy load, que ayuda a la carga de imágenes justo cuando se está viendo esa imagen, las posteriores van cargando cuando uno se va desplazando por el navegador, aumentando bastante la carga de la página.

    Un saludo.

    • No todos los sistemas son iguales ni determinadas configuraciones valen para todos. El artículo lo escribí después de estar luchando con diversos plugins. Al final lo que mejor me va es lo que expongo aquí.

      Aún tengo que hacer algunos ajustes, pero el rendimiento se ha incrementado, tras comprobarlo en GTmetrix, WebPageTest, Page Speed y Pingdom Tools.

      Saludos.

Deja un comentario