Hace un año hice la parte 1 de este tutorial, que trataba mas que nada de reducir peticiones a la base de datos para acelerar wordpress un poco aunque se puede aplicar para cualquier página web o CMS, aunque mas que tutorial eran consejos solamente, y los pueden ver en este enlace.

Ahora bien veamos a ver nuestros tiempos de carga antes de comenzar a hacer cambios.

Usamos una herramienta de medición de tiempo, si no saben de ninguna miren este enlace

Personalmente recomiendo pingdom tools

Experimentamos con skamasle antes que nada..

Tiempo de carga: 6.88 segundos

En la siguiente imagen vemos algunas cosas que tardan en cargar mas que nada los JS del theme, que pesan entre 10 y 70kb. ( si no se ve bien la imagen den clic para agrandar )

Primero nos pondremos con los JS ( Java Script )

Hay dos formas con las que podemos ahorrar Kb.

1- Borrando los comentarios del código y quitando los espacios en blanco, lo probe y de un fichero de 30kb me quito 3kb.
2- Comprimiendo los ficheros, esto quita el peso de los archivos un 60% -70% según el fichero.. un fichero de 30kb queda con un peso aproximado de 9kb.

Si queremos bajar mucho el peso podemos quitar las lineas y los comentarios y luego comprimir, pero por 3 o 4 kb según el sitio que tengas no hace mucha falta.. y menos si tienes poco tiempo y no quieres borrar lineas y comentarios.

Vamos a comprimir, lo haremos en gzip.

Entramos a un FTP, navegamos hasta la ruta del theme:

/wp-content/themes/tu-theme

Ahora bien buscamos los archivos JS, normalmente están en un la carpeta JS, o scripts depende del theme( podemos ver la ruta exacta en el pingdom tools, o bien viendo el código fuente de nuestro blog )

Nos bajamos los ficheros que queramos comprimir, desde linux no tendrán problema en comprimirlos en gzip, ya lo soporta por defecto, pero si están en windows pueden usar peazip, además les servira como alternativa a RAR, aunque solo para descomprimir…

Ahora bien comprimidos los archivos tendrán el mismo nombre solo que la extensión cambiara de .js a .js.gz

Subimos los archivos a la misma carpeta, por ahora mejor no borrar los que no están comprimidos.. aunque da igual.. si quieren dejarlo como estaba solo descomprimen y listo

Ahora una cosa muy importante, para que esto tenga efecto tenemos que editar el header.php de nuestro blog.

Vamos al ftp otra vez, buscamos y descargamos el header.php

/wp-content/themes/tu-theme/header.php

Hacemos un respaldo en nuestra pc ya sea copiándolo a otra carpeta o cambiándole el nombre ( lo importante es tener el respaldo )

Abrimos el Header.php con un editor de texto yo uso gedit ustedes el que tengan a mano, si es editor de códigos mejor ya que la sintaxis saldrá marcada con diferentes colores.

En header.php buscamos los script que acabamos de comprimir y agregamos la extinción .gz

NOTA si no ven el header.php de esta manera, es por que no han puesto los links directos a los archivos, esto se explica en el tutorial anterior ( el de los consejos, mencionado al inicio del tema ).

En fin, hacemos los cambios , guardamos, y subimos..

Vamos al pingdom tools y hacemos otra vez el test.

El resultado, la carga del blog es casi 3 segundos mas rápida,

Tiempo de carga: 3.76 segundos.

Tiempo de carga de los scripts que comprimimos bajo significativamente ( las barritas azules muestran el tiempo )

Bueno por esa parte reducimos bastante el tiempo, podemos hacerlo con otros archivos pero aun no lo e probado…

Se preguntarán.. no es más fácil habilitar la compresión gzip en el servidor ?¿

Si es más fácil, pero no se por que no manda comprimidos algunos archivos.. todo depende de la configuración del servidor, y recordemos que siempre que haya una petición se usara mas CPU para comprimir los archivos, así que eso no nos beneficia mucho si tenemos mucho trafico, y como digo hay servidores que solo comprimen el texto y el HTML, así que estos archivos se mandan sin comprimir.

Vamos con la ultima parte, del tuto / consejos..

Reducir el tiempo de carga de las imágenes bajando su peso

Las imágenes, cosa bastante importante en un blog, pero entre mayor calidad, mas peso.. cada uno decide cuales imágenes, pero yo les recomiendo usar PNG – en modo indexado, una imagen PNG indexada tiene menor peso que una JPG de baja calidad..

De ejemplo pongo este post..

Las dos imágenes que subí en JPG pesaban cada una mas de 80kb, en PNG modo indexado pesan menos de 10kb.. 70kbs que nos ahorramos por imagen.

Es importante mencionar que si tienen un index muy largo tardara mas en cargar como sabemos, es importante usar el leer mas… esto nos ayudará a mejorar la velocidad de carga del sitio y también nos ayudará a combatir el contenido duplicado en nuestra web ( esto del contenido duplicado y el leer mas lo comentaré otro día )

En fin por ahora es todo, hoy aprendimos algo mas sobre como reducir el tiempo de carga de wordpress, hacer que la trasferencia de archivos sea mas corta comprimiéndolos en GZ, y la vez pasada reducimos peticiones a la base de datos, así que ahora usamos menos CPU en nuestro hosting o VPS y además de eso ahorramos considerablemente el ancho de banda.

Por cierto si no queremos cargar los JS desde nuestro servidor podemos usar los servidores de microsoft o los de google para hacer el llamado a estos archivos, así estaríamos ahorrando mas ancho de banda aun….

Archivo de ejemplo: https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

Microsoft también tiene de estos, pero la verdad que esta alternativa sería comernos el ancho de banda de otros.. y no lo recomiendo…..

No se si funcione en IE 6.. pero no lo e probado ( ya espero que la gente deje de usar este navegador de todas formas )

Busquedas Entrantes

• tiempo de carga wordpress
• disminuir tiempo de carga wordpress
• timthumb tarda en cargar
• skamasle optmkizar wordpress