WordPress es una excelente plataforma.
Lo estas viendo en este preciso momento: mi sitio (el cual recibe unas cuantas miles de visitas) esta funcionando bajo esta increiblemente y poderosa plataforma.
Una debilidad que WordPress sufre, de alguna manera, es que usualmente es muy lento.Si no tomamos las correctas precausiones, podriamos terminar con un sitio web tortuga que no solo incomode a nuestros visitantes recurrentes , sino tambien nos hará perder subscriptores y clientes debido a la natural impaciencia de quien navega.Primero iremos bien claro al porque la velocidad de tu WordPress es importante para tu exito, y lo siguiente que desarrollaremos sera las mejores formas que he encontrado para llegar a este objetivo.Si queres ir ahora mismo a la parte de como optimizar tu WP, baja hasta que empiece un listado numerado.Si queres saber ¿por que? deberias hacerlo, sólo lee lo que sigue.
¿Por qué la velocidad de tu sitio es importante?
Probablemente ya escuchaste esto, pero cuando una persona ingresa a tu sitio web por primera vez, sólo tenes unos segundos para capturar su atención y con esto convencerlos para que lleguen a otros contenidos.Si desde hace mucho tiempo que estas en el negocio online, reconoceras la importancia de las marcas, un buen diseño, poner cosas importantes en negrita, y todas esas cosas buenas para convertir visitantes ocasionales en recurrentes.Pero si tu pagina carga lentamente, perderas gente antes de si quiera intentar convencerlos con tu contenido.Muchos estudios han confirmado que tenes un periodo de tiempo muy corto para cargar tu sitio web antes de que la gente acceda a otra pestaña, especialmente si vienen por un enlace en un sitio al que ya visitan.
Cualquier semejanza con la realidad es pura coincidencia.
Pensa bien eso.
Alguien es tan amable de dejar una referencia a tu sitio con un enlace en un sitio web que frecuenta, y ¿vos que haces? un mal favor al tener un sitio que carga lento por el que nadie esperaria.No sólo eso, estas paralizando tu propio crecimiento perdiendo esos potenciales subscriptores, especialmente tan prematuramente como en plena carga de sitio.Tenes en promedio un digito de tiempo antes de que pierdas a alguien por tener un sitio web lento.Esto significa que si tu sitio web tarda mas de 10 segundos en cargar completamente, mucha gente se irá, incluso antes de que tengas la chance de convencerlos en visitarte nuevamente..No solo eso, sino que ahora Google ha includo la velocidad de carga en su algoritmo de posicionamiento. Esto significa que la velocidad de carga de tu sitio afectara tu SEO, entones si pagina es lenta, no solo estas perdiendo visitantes impacientes sino tambien perdiendo posiciones en los buscadores. Sabiendo esto, vayamos por como resolverlo.
Como acelerar tu WordPress
Como nota al margen, esto no esta ordenado por importancia o algun criterio similar. Solo he juntado todo lo que he aprendido acerca de acelerar paginas web en WordPress y compilado todo aca.Garantizo que con solo algunos de estos elementos aumentara la velocidad de tu sitio dramaticamente.
1. Elige un buen hosting
Mientras que recien empezando en esto, cualquier hosting quiza se vea como algo genial, no buscar uno bueno tiene su precio: sitio increiblemente lento y frecuentes caidas en los momentos de alto trafico.Si planeas hacer cosas increibles (el tipo de cosas que generan gran cantidad de trafico), estas arruinandote a vos mismo usando WordPress sin ninguna configuracion extra y en un hosting cualquiera.El stress de ver tu sitio web caido cuando sabes que hay gente intentando entrar que se queda con esa mala imagen es suficiente para crear algunas canas verdes. Entonces no te auto-sabotees, inverti en un buen hosting.El unico hosting para WordPress que recomiendo es el siguiente… (percusion generando impaciencia en el publico…)
Banahosting
Gracias a este hosting y la correcta optimizacion mis sitios son increiblemente rapidos, como se puede ver haciendo pruebas, tengo sitios con mas de 400 personas conectadas al mismo tiempo utilizando WordPress como plataforma de contenido y nunca he sufrido una caida de servidor ni cuando recibo alguna mencion (medios argentinos) que dispara mi trafico, y para colmo el soporte es simplemente rapido.Este sitio esta alojado en el plan de hosting compartido más barato, no gasto ni 4 usd mensuales. ¿Por que no alojo este sitio en un reseller?, bueno, por un solo motivo. Con el tiempo (más de 10 años de ser webmaster) aprendí que los reseller son para eso, para revender, cuando se quiere hostear sitios para proyectos propios es recomendable hacerlo individualmente, ¿por qué?, porque un reseller tiene todos los sitios en un mismo servidor, se cae y se caen todos. Comprando planes individuales se puede pedir ser ubicado en diferentes servidores (generalmente no hace falta pedirlo) y así, el peor de los escenarios se vuelve mucho menos probable.
2. Empeza con una buena plantilla (theme)
Quiza te sorprenda escuchar esto, pero Twenty Ten/Twenty Eleven/Twenty Twelve (tambien conocidas por ser las plantillas default de WordPress, en negrita la que usa este sitio) son frameworks para plantillas bastante rapidos.Esto es asi porque mantienen lo simple, y los frameworks simples son el camino a seguir para tener un sitio web rapido.Si vas a diseñar tu propia plantilla que sea sobre estos frameworks.
3. Usa un plugin de cache
Los plugins de Wordpress son obviamente muy utiles, y alguno de los mejores son los de caching, por su dramatico incremento en la velocidad de carga, y lo mejor de todo la mayoria de ellos son gratuitos en WordPress.org.Por lejos mi favorito, sin competencia, es W3 Total Cache, no recomendaria o usaria ningun otro plugin para caching, este tiene todo lo que se necesita y es muy facil de instalar y configurar.Simplemente instalas y activas, y tu pagina cargara mas rapido por los elementos en cache.
4. Usa una CDN
Todos los blogs masivos las usan, y si estas metiendo en el negocio de WordPress (como muchos de los que leen esto lo hacen) no te sorprendera para nada saberlo, si tu sitio web no es masivo no te preocupes por esto.Escencialmente, una CDN, o Content Delivery Network, toma todos tus archivos estaticos (CSS, Javascript, imagenes, etc) y deja a tus visitantes descargarlos tan rapido como se puede al serviselos en un servidor cercano a ellos.Yo personamente recomiendo Max CDN Content Delivery Network es el mas razonable en lo que trata a precios, el de mayor calidad y el más simple (bueno, bonito y barato).Como alternativa, hay un plugin llamado Free-CDN que promete hacer lo mismo, de hecho no lo he probado.
5. Optimiza las imagenes (automaticamente)
Yahoo! tiene un optimizador de imagenes llamado Smush.itque reducira por mucho el tamaño de tus imagenes, sin quitarle nada de calidad.Como sea, hacer esto imagen por imagen no sería nada agradable ademas del gran consumo de tiempo que requeriria.Afortunadamente, hay un increible plugin gratuito llamado WP-SmushIt el cual hara este proceso con todos nuestras imagenes automaticamente, mientras las vayas subiendo. No existe razon para no instalarla ahora mismo.
6. Optimiza tu pagina principal
Esto no es un cosa en si, sino en realidad muchas cosas que podes hacer para hacer cargar tu pagina principal de forma rapida, la cual probablemente sea la pagina mas importante de tu sitio al ser la que lleva hacia las demas.Cosas que podes incluir:[list]Mostrar resumenes y no post completos.Reducir el numero de entradas en la pagina (entre 5 y 7 me parece correcto).[*]Quita todos los widgets para compartir que son innecesarios en la pagina principal (solo incluyelos en los post).[*]Quita plugins inactivos y widgets que no necesitas.[*]Mantenete en lo minimo! Los lectores estan por el contenido, no por los 8.000 widgets en tu pagina.[/list]Y sobre todo, un limpio y enfocado diseño que ayudara no solo a que se vea bien, sino a que se vea rapido.
7. Optimiza la base de datos de tu Wordpress
Estoy usando demasiado la palabra "optimiza" en este post!Esto puede realizarse de la muy tediosa y extremadamente aburrida forma manual, o...Podes simplemente usar WP-Optimize, el cual tengo en todos mis sitios.Este plugin te deja hacer una simple tarea: optimizar tu base de datos (spam, post revisions, drafts, tables, etc) para reducir su consumo.Tambien recomendaria usar el plugin WP-DB Manager, en el cual se pueden establecer fechas para realizar la optimizacion automaticamente.
8. Desactiva el hotlink
El hotlink es una forma de robar ancho de banda. Ocurren cuando otros sitios enlazan directamente imagenes de tu sitio generandole carga a tu servidor y nula ganancia.Pega este codigo en el fichero .htaccess situado en la raiz de tu sitio:
9. Agrega un encabezado que defina el tiempo de cache del contenido estatico
Un encabezado que defina el tiempo de cache es una forma de definir un tiempo en que los visitantes no necesitaran volver a descargar ese contenido.Este metodo reduce el tiempo de carga de tus visitantes recurrentes. Solo necesitas pegar esto en tu .htaccess:ExpiresActive OnExpiresByType image/gif A2592000ExpiresByType image/png A2592000ExpiresByType image/jpg A2592000ExpiresByType image/jpeg A2592000Los numeros seteados son un mes (en segundos), podes cambiarlo si queres.
10. Imagenes de Gravatar
Notaras que en este sitio la imagen de gravatar predefinida es... bueno, ninguna.Esta no es una opcion antiestetica, lo hice porque mejora la velocidad de carga poniendo nada en donde normalmente solo habría un ridiculo logo de Gravatar o algo por el estilo.Algunos blogs directamente desactivan Gravatar de sus sitios. Podes hacer cualquiera de esas dos cosas.
11. Agrega LazyLoad a tus imagenes
LazyLoad es el proceso de cargar solo las imagenes que son visibles por el navegador del visitante, y cuando el baje por el sitio ir cargando las que sean necesarias.Esto no solo aumentara la velocidad de tu sitio, tambien te ahorrara ancho de banda al no cargar imagenes que no seran visualizadas..Para automatizar esto, instala el plugin jQuery Image Lazy Load.
12. Controla la cantidad de borradores almacenados
Guarde esta entrada como borrador 15 veces..WordPress, se lo deja todo a los servidores, por lo que almacenara estos borradores, identifinadamente.Entonces, cuando esta entrada este completada y publicada, ¿por que necesaria todos esos borradores?.Por eso uso Revision Control un plugin que se asegurara de mantener tus borradores al minimo, configuralo en 2 o 3 maximo asi tendras algo a lo que retroceder en caso de que tengas un error, pero no mucho mas alto que llene tu servidor de puros borradores.
13. Desactiva los pingbacks y trackbacks
Por defecto, WordPress interactua con otros blogs que tienen activado los pingbacks y trackbacks.Cada vez que otro blog te menciona, notifica a tu sitio, el cual actualiza la informacion en la entrada. Desactivando esto no quitaras los backlinks hacia tu sitio, solo quitaras la opcion que pone a tu servidor a trabajar duro.Para mas informacion, WordPress Pingbacks, Trackbacks and Linkbacks (en ingles).
14. Reemplaza el PHP con HTML estatico cuando sea necesario
Este metodo es un poco avanzado, pero puede disminuir el tiempo de carga de tu sitio de forma drastica, si estas desesperado por mejorar el rendimiento de tu sitio, hazlo.Estaria siendo muy desagradecido a este gran post (en ingles) sino lo linkeara, ya que me ha enseñado a hacerlo por mi mismo, facil y en unos pocos minutos.
15. Usa CloudFlare
Esto es similar a la parte de CDN’s, solo que CloudFlare tiene una version gratuita, excelente que impedira que la mayoria de los ataques sean efectuados contra tu web, además de esto accelerara tu web muchisimo (realmente), por algo es la web mas premiada en esta tematica.Para resumir CloudFlare con W3 Total Cache (mencionado arriba) son la combinación mas potente a la hora de optimizar un sitio web basado en WordPress.Y para colmo, ambos gratis, no tenes excusa!Gracias por leer, por favor comparte este articulo si lo disfrutaste.
2. Empeza con una buena plantilla (theme)
Quiza te sorprenda escuchar esto, pero Twenty Ten/Twenty Eleven/Twenty Twelve (tambien conocidas por ser las plantillas default de WordPress, en negrita la que usa este sitio) son frameworks para plantillas bastante rapidos.Esto es asi porque mantienen lo simple, y los frameworks simples son el camino a seguir para tener un sitio web rapido.Si vas a diseñar tu propia plantilla que sea sobre estos frameworks.
3. Usa un plugin de cache
Los plugins de Wordpress son obviamente muy utiles, y alguno de los mejores son los de caching, por su dramatico incremento en la velocidad de carga, y lo mejor de todo la mayoria de ellos son gratuitos en WordPress.org.Por lejos mi favorito, sin competencia, es W3 Total Cache, no recomendaria o usaria ningun otro plugin para caching, este tiene todo lo que se necesita y es muy facil de instalar y configurar.Simplemente instalas y activas, y tu pagina cargara mas rapido por los elementos en cache.
4. Usa una CDN
Todos los blogs masivos las usan, y si estas metiendo en el negocio de WordPress (como muchos de los que leen esto lo hacen) no te sorprendera para nada saberlo, si tu sitio web no es masivo no te preocupes por esto.Escencialmente, una CDN, o Content Delivery Network, toma todos tus archivos estaticos (CSS, Javascript, imagenes, etc) y deja a tus visitantes descargarlos tan rapido como se puede al serviselos en un servidor cercano a ellos.Yo personamente recomiendo Max CDN Content Delivery Network es el mas razonable en lo que trata a precios, el de mayor calidad y el más simple (bueno, bonito y barato).Como alternativa, hay un plugin llamado Free-CDN que promete hacer lo mismo, de hecho no lo he probado.
5. Optimiza las imagenes (automaticamente)
Yahoo! tiene un optimizador de imagenes llamado Smush.itque reducira por mucho el tamaño de tus imagenes, sin quitarle nada de calidad.Como sea, hacer esto imagen por imagen no sería nada agradable ademas del gran consumo de tiempo que requeriria.Afortunadamente, hay un increible plugin gratuito llamado WP-SmushIt el cual hara este proceso con todos nuestras imagenes automaticamente, mientras las vayas subiendo. No existe razon para no instalarla ahora mismo.
6. Optimiza tu pagina principal
Esto no es un cosa en si, sino en realidad muchas cosas que podes hacer para hacer cargar tu pagina principal de forma rapida, la cual probablemente sea la pagina mas importante de tu sitio al ser la que lleva hacia las demas.Cosas que podes incluir:[list]Mostrar resumenes y no post completos.
7. Optimiza la base de datos de tu Wordpress
Estoy usando demasiado la palabra "optimiza" en este post!Esto puede realizarse de la muy tediosa y extremadamente aburrida forma manual, o...Podes simplemente usar WP-Optimize, el cual tengo en todos mis sitios.Este plugin te deja hacer una simple tarea: optimizar tu base de datos (spam, post revisions, drafts, tables, etc) para reducir su consumo.Tambien recomendaria usar el plugin WP-DB Manager, en el cual se pueden establecer fechas para realizar la optimizacion automaticamente.
8. Desactiva el hotlink
El hotlink es una forma de robar ancho de banda. Ocurren cuando otros sitios enlazan directamente imagenes de tu sitio generandole carga a tu servidor y nula ganancia.Pega este codigo en el fichero .htaccess situado en la raiz de tu sitio:
[color=#000000]RewriteEngine onRewriteCond %{HTTP_REFERER} !^$RewriteCond %{HTTP_REFERER} !^http(s)?:/(www.)?tusitioacasinwww.com [NC]RewriteCond %{HTTP_REFERER} !^http(s)?:/(www.)?google.com [NC]RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L][/align][/color]
9. Agrega un encabezado que defina el tiempo de cache del contenido estatico
Un encabezado que defina el tiempo de cache es una forma de definir un tiempo en que los visitantes no necesitaran volver a descargar ese contenido.Este metodo reduce el tiempo de carga de tus visitantes recurrentes. Solo necesitas pegar esto en tu .htaccess:ExpiresActive OnExpiresByType image/gif A2592000ExpiresByType image/png A2592000ExpiresByType image/jpg A2592000ExpiresByType image/jpeg A2592000Los numeros seteados son un mes (en segundos), podes cambiarlo si queres.
10. Imagenes de Gravatar
Notaras que en este sitio la imagen de gravatar predefinida es... bueno, ninguna.Esta no es una opcion antiestetica, lo hice porque mejora la velocidad de carga poniendo nada en donde normalmente solo habría un ridiculo logo de Gravatar o algo por el estilo.Algunos blogs directamente desactivan Gravatar de sus sitios. Podes hacer cualquiera de esas dos cosas.
11. Agrega LazyLoad a tus imagenes
LazyLoad es el proceso de cargar solo las imagenes que son visibles por el navegador del visitante, y cuando el baje por el sitio ir cargando las que sean necesarias.Esto no solo aumentara la velocidad de tu sitio, tambien te ahorrara ancho de banda al no cargar imagenes que no seran visualizadas..Para automatizar esto, instala el plugin jQuery Image Lazy Load.
12. Controla la cantidad de borradores almacenados
Guarde esta entrada como borrador 15 veces..WordPress, se lo deja todo a los servidores, por lo que almacenara estos borradores, identifinadamente.Entonces, cuando esta entrada este completada y publicada, ¿por que necesaria todos esos borradores?.Por eso uso Revision Control un plugin que se asegurara de mantener tus borradores al minimo, configuralo en 2 o 3 maximo asi tendras algo a lo que retroceder en caso de que tengas un error, pero no mucho mas alto que llene tu servidor de puros borradores.
13. Desactiva los pingbacks y trackbacks
Por defecto, WordPress interactua con otros blogs que tienen activado los pingbacks y trackbacks.Cada vez que otro blog te menciona, notifica a tu sitio, el cual actualiza la informacion en la entrada. Desactivando esto no quitaras los backlinks hacia tu sitio, solo quitaras la opcion que pone a tu servidor a trabajar duro.Para mas informacion, WordPress Pingbacks, Trackbacks and Linkbacks (en ingles).
14. Reemplaza el PHP con HTML estatico cuando sea necesario
Este metodo es un poco avanzado, pero puede disminuir el tiempo de carga de tu sitio de forma drastica, si estas desesperado por mejorar el rendimiento de tu sitio, hazlo.Estaria siendo muy desagradecido a este gran post (en ingles) sino lo linkeara, ya que me ha enseñado a hacerlo por mi mismo, facil y en unos pocos minutos.
15. Usa CloudFlare
Esto es similar a la parte de CDN’s, solo que CloudFlare tiene una version gratuita, excelente que impedira que la mayoria de los ataques sean efectuados contra tu web, además de esto accelerara tu web muchisimo (realmente), por algo es la web mas premiada en esta tematica.Para resumir CloudFlare con W3 Total Cache (mencionado arriba) son la combinación mas potente a la hora de optimizar un sitio web basado en WordPress.Y para colmo, ambos gratis, no tenes excusa!Gracias por leer, por favor comparte este articulo si lo disfrutaste.