Aunque el post esta centrado directamente sobre WordPress, algunos de los consejos son también aplicables a un sitio normal y corriente.
Según leí recientemente (no me acuerdo donde), la mayoría de los visitantes de un sitio web lo abandonan si tienen que esperar mas de 3 segundos para que este se cargue completamente.
WordPress by default, es bastante rápido. Pero, añadir complementos, muchos posts, imágenes y otras cosas, suele ralentizar la respuesta y en base a esto puede que vayas perdiendo visitantes.
E aquí unos cuantos consejos para optimizar la velocidad de respuesta.
Cuanto menos complementos mejor.
Es lógica de toda la vida. Cada complemento añade tiempo de carga a tu WordPress. Si tienes complementos inútiles o que piensas usar “algún” día, lo mejor que puedes hacer es borrarlos (o al menos desactivarlos).
Usar un sub-dominio aparte para guardar objetos
Aunque parezca mentira, esto ayuda bastante. Los grandes lo hacen (wikipedia, twitter, google, youtube).. porque nosotros no ?.
El problema viene a ser, que, cuando haces una llamada a una imagen (por ejemplo), tu navegador enviara cabeceras inútiles (cookies,get etc..) que el servidor de tu hosting va a ignorar, pero, esto también es motivo para que tu sitio tarde mas en responder.
Si alojas las imágenes en otro sub-dominio, te aseguras de que tus cookies no se envían hacia ahí (a no ser que lo hayas indicado de tal forma), y por tanto tu servidor no se tiene que preocupar de ignorarlos.
Optimizar Imágenes
Yahoo, ofrece un servicio (Smush.it) capaz de quitarle bytes inútiles a tus imágenes.
Aparte de esto, deberías utilizar sprites (serie de imágenes unidas en un mismo archivo una al lado de otra) para reducir las consultas y así cargar menos el servidor y obtener un mejor tiempo de respuesta.
Un servicio que podría ayudarte a unir tus imágenes es SpriteGen Incluye varias características y ademas te muestra el código CSS final listo para copiar y pegar 
Complemento W3 Total Cache
Sin duda es el mejor complemento que he visto en su área. Incluye muchas opciones para el control de cache, funcionalidades como Minify (algo que no puede faltar si deseas rapidez) y opciones para Content-Delivery-Networks (a.k.a CDN).
El complemento se puede instalar desde el Dashboard de WordPress o descargar desde el siguente link:
WordPress – W3 Total Cache
* Si pretendes usar Minify, asegúrate de configurar bien las opciones, puesto que lo mas probable es que te rompa otros complementos como lightbox. Esto se puede evitar añadiendo excepciones al final de la pagina de opciones de Minify.
CDN, Content Delivery Networks
Una red de distribución de contenidos es una red de servidores (normalmente distribuidos en diferentes países), que contienen copias de un sitio web (por ejemplo).
Así, si Juan es de Estados Unidos, tu CDN esta en Canada y el servidor oficial de tu pagina en España, Juan visitara una copia exacta de tu sitio web que esta alojada en Canada.
La idea, es que cuanto mas cerca esta el servidor del visitante, tardara menos en responder. No es lo mismo estar en España y jugar a un servidor pirata de World of Warctaft alojado en China, que, que este este alojado en España.
Un servicio bastante popular (y gratuito) que ofrece CDN es, CloudFlare!. Incluyen un buen tutorial sobre como configurarlo y ademas muchos hostings (como byethost), ya permiten utilizar este desde su Panel de Control.
Minimiza las consultas a otros servidores
Últimamente servicios como Google Web Fonts, se han vuelto muy populares por permitir cambiar el aburrido @font-family por otros mas “chulos”.
El problema es que esto añade mas mili-segundos (y aveces segundos enteros!!) a la carga. Si vas a utilizarlo se responsable y no incluyas mas de 2 fuentes. Ademas, Google ya te indica de por si, en cuanto va a aumentar la carga.
JavaScript “pal” fondo!
La curiosa practica de poner el JavaScript en la cabecera (head) de la pagina, se ha vuelto mal vista.
Resulta, que si el JavaScript esta situado en la cabecera, el navegador lo cargara antes que el contenido. Y normalmente esto no esta bien, puesto que usamos JavaScript para añadir funcionalidades/efectos chulos pero no dependemos de ello.
Yahoo (los expertos), recomiendan ponerlo al final de la pagina y así evitar la “pagina en blanco” antes de que aparezca tu contenido.
Servicios y complementos utilies.
Firebug con su pestaña de Red.
Si abres firebug, en la pestaña de “red”, veras cuanto tarda en cargar cada objeto en tu pagina web y el tiempo total de carga. Estoy es muy útil si deseas ver y/o eliminar aquellos elementos que hacen tu pagina web, “mas lenta”.
YSlow! de Yahoo
Yslow, analiza la carga de tu pagina web y en base a unas cuantas características predeterminas.
Es bastante útil si deseas ver consejos, contra tiempos y otras cosas sobre la velocidad de tu pagina web.
Pingdom Tools
Este servicio permite analizar el tiempo de carga de tu pagina web, online, y ademas te muestra varios consejos.
Y por ultimo… Versión 5.3 de PHP
Se ha demostrado que utilizar la versión 5.3 de PHP y funciones como mt_rand() en vez de rand(), aumentan la velocidad de respuesta considerablemente.
Solo como dato curioso, WordPress puede llegar a aumentar un 15% su velocidad de procesamiento y respuesta con PHP 5.3 en vez de 5.2.
Hostings como byethost, normalmente utilizan PHP 5.2, pero, añadiendo un bonito .htaccess puedes cambiar esto para que utilicen la versión 5.3.
Sin mas, esto es todo por hoy.
Saludos
The post Optimizando WordPress (o tu pagina web)… Máxima velocidad. appeared first on dM BLOG.
