A la hora de encarar un emprendimiento en Internet es fundamental ofrecer a nuestros prospectos y clientes una buena experiencia de navegación cuando visitan nuestro sitio web.
Todos cuando visitamos cualquier página web esperamos que responda rápido y si esto no ocurre no dudamos en cerrar la pestaña del navegador y buscar una segunda opción.
El mismo Google hace un tiempo atrás publicó un artículo en su Blog para Webmasters donde toca el tema de la utilización de la velocidad de un sitio web en la clasificación de los resultados de búsqueda.
¡Vamos esto es algo que te conviene tener en cuenta! A menos que no te importe tener un elevado porcentaje de rebote – por visitantes que entran y salen enseguida de tu Sitio Web – o perdida de posiciones en los resultados de búsqueda de Google frente a otras páginas mejor optimizadas.
WordPress – es hoy en día – la plataforma preferida por la gran mayoría de webmasters y emprendedores que desean impulsar sus ideas a través de Internet, fundamentalmente por su versatilidad y facilidad de uso.
Para lograr esto utilizaremos una combinación de 3 plugins – gratuitos – que nos ayudarán grandemente a conseguir que nuestro WordPress cargue muy rápido.
Pasemos a la acción.
El primer plugin que te recomiendo instalar te ayudará a conocer el estado actual, en cuanto a velocidad de carga, de tu WordPress.
Se trata del plugin GTmetrix for WordPress, que te permite examinar y generar un reporte con la calificación en PageSpeed (de Google) y YSlow (de Yahoo!) para tu Sitio Web – al mismo tiempo y en solo lugar (NOTA: cuando vayas a instalar este plugin te saldrá una advertencia diciendo que: «no ha sido actualizado en mas de 2 años y que puede tener problemas de incompatibilidad con las versiones mas recientes de WordPress», puedes ignorar ese mensaje e instalar el plugin sin problemas ya que sigue funcionando sin errores).
Después de instarlo vas a necesitar regístrate (gratuitamente) en el sitio web de GTmetrix para obtener acceso a su API. Ahí generás una llave de acceso a la API – haciendo click sobre el botón “Generate API Key” – la copiás y pegás en el área de “Authentication” dentro de la sección “Settings” del plugin y Guardas los cambios (botón Save Changes).
Una vez hecho esto, visitá la sección “Tests” y bajo el área “Latest Front Page Score”, haz click en el botón “Test your Front Page now”. Esto generará un primer informe del estado actual – en cuanto a rendimiento – de tu WordPress.
Si los porcentajes que obtuviste son bajos – y aparecen en una tonalidad rojiza – seguí leyendo para saber como mejorarlos.
Se trata de W3 Total Cache, para mí el mejor y más completo plugin para optimizar al máximo el rendimiento de sitios webs construidos con WordPress. Empecé a usarlo por recomendación de mi proveedor de Hosting HostGator.
Este complemento ayuda a reducir enormemente la carga del servidor donde está alojado nuestro WordPress, y posibilita que los visitantes accedan a nuestras páginas de manera – casi – instantánea.
Si ya estabas usando algún otro plugin de cacheo, optimización de base de datos o para minifizar y comprimir tu CSS, JavaScript y HTML – no dejes de darle una oportunidad a W3 Total Cache, con una estructura integrada por múltiples herramientas que trabajan en conjunto logrando que todo funcione de la manera mas optima posible.
Instalá este plugin como cualquier otro. La configuración de este complemento puede parece un tanto complicada al principio, para evitar eso, encontré un tutorial que te ayuda a configúralo fácilmente.
Nota 1: Asegúrate de desactivar cualquier otro plugin de cacheo que estés usando antes de activar este, para evitar posibles problemas de compatibilidad.
Nota 2: ¿W3 Total Cache no te funciona o te da problemas? Bueno, como reemplazo te sugiero probar con WP Super Cache combinado con WP Performance Score Booster, para obtener una optimización similar a la ofrecida por W3TC.
Este complemento es WP Smush.it, básicamente lo que hace es reducir el tamaño de tus imágenes y mejorar el rendimiento utilizando la API de Smush.it dentro de WordPress.
Actualización
Yahoo! ha decidido descontinuar su servicio gratuito de optimización de imágenes Smush.it. El plugin WP Smush.it ha sido renombrado como WP Smush y continua siendo desarrollado por WPMU DEV, actualmente se puede instalar gratuitamente, pero para acceder a varias de sus funcionalidades es necesario pagar por la versión PRO. Por esa razón ya no recomiendo seguir utilizándolo, puedes desintalar WP Smush sin problemas, no te preocupes que las imágenes que comprimiste en el pasado se mantendrán optimizadas.
El mejor reemplazo que encontré – hasta ahora – es EWWW Image Optimizer, este plugin funciona como el del servicio de Yahoo!, excepto que trabaja desde tu servidor para optimizar las imágenes cuando se necesita. No hay servicios o servidores externos de qué preocuparse. 😉
Además esta disponible en idioma Español, por lo que te será muy fácil entenderlo y usarlo.
Solo tenés que instalarlo y activarlo. Eso es todo, no necesitás configurar nada.
De ahora en más cada nueva imagen que subas será automáticamente optimizada.
También podés optimizar, desde la sección “Medios > Biblioteca”, las imágenes que habías subido anteriormente, haciendo click sobre el link “¡Optimizar ahora!”.
Si tu galería de imágenes es muy amplia podés probar usando la función “Optimización en masa”, que también encontrás en la sección “Medios”.
Recordá: a menos que seas un fotógrafo, diseñador, o agente de turismo y necesites tener un porfolio de tus trabajos, evita el exceso de imágenes en tu sitio web.
¡Asegúrate de que TODAS tus imágenes estén Optimizadas! Por más pequeñas en peso (KB) que sean, siempre se puede reducir un poco más sin que pierdan calidad.
Tenés que ir a la sección: “Apariencia > Editor” y ahí seleccioná la Plantilla “Cabecera o Header” (header.php), ahí colocas el siguiente código entre las etiquetas </head> y <body>:
<!-- flush comienzo --> <?php flush(); ?> <!-- flush fin -->
No olvides presionar el botón: “Actualizar archivo”.
Listo! Esto es todo.
Una vez instalados, activados y configurados estos plugins volvé al GTmetrix for WordPress y realizá un nuevo testeo a tu WordPress para ver la diferencia en el rendimiento. Si todo ha ido bien, tus porcentajes tienen que ser mayores ahora, tanto en PageSpeed como en YSlow.
Tené en cuenta que estos complementos son perfectos para optimizar lo que se conoce como el front-end o la interfaz que ve el usuario. Si tu WordPress sigue teniendo problemas con los tiempos de carga muy posiblemente el responsable sea el servicio de hosting que estés usando.
En ese caso te recomiendo que te cambiés al mejor servicio de hosting para WordPress, podés probarlo por $0,01 el primer mes (no es broma) y además la empresa se encarga de transferir tu WordPress completo al nuevo servidor sin costo extra. 😎
Bueno, estas han sido algunas sugerencias básicas que tenés que tomar en cuenta para tener un WordPress optimizado para que cargue lo más rápido posible.
El debate queda abierto, déjame por favor tus comentarios o dale click al botón g +1, así sabré que te gustó el artículo. Desde ya muchas gracias por tu tiempo.-
¿Aún no has incorporado hashtags en tu estrategia de marketing digital? Aquí tienes tres razones…
Estar bien posicionado en los buscadores no es una ciencia exacta. Pero hay ciertas reglas…
Hoy 31/08 se celebra el Día Internacional del Blog porque si escribimos los números del…
Napoleon Hill es el escritor de uno de los mejores libros que he leído hasta…
Instalar WordPress en un hosting propio puede resultar intimidante para algunas personas. Esto no es…
Este corto video resume los 10 elementos claves para ser exitoso en los negocios que…
Este sitio web utiliza cookies.
Ver Comentarios
Muy buen post, GTmetrix subio a 95 en mi web, me sirvio el link que nos diste para configurar el W3 ya que es algo complicado. Saludos !
Me alegra que te haya sido de ayuda el post Eduardo :-)
Un saludo.
Excelente contribucion, muy amena tu redacción y sin duda muy vistoso tu blog. Me llevo la información que compartes y te doy las gracias por ello. Saludos !
Excelente tutorial!!! consulta... soy nuevo en esto, entre que etiquetas va el codigo para el header.php
gracias!!
Hola Marcelo, ese código debes incluirlo después de la etiqueta
</head>y antes de la<body>, osea ubicado entre estas dos dentro del archivo header.php del Theme que estés usando en tu Wordpress.Espero haberme dado a entender. Un saludo.-
Para que sirve esto:
<!-- flush comienzo -->
<?php flush(); ?>
<!-- flush fin -->
Hola Jillian, básicamente lo que hace ese pequeño código en una página que trabaja con PHP es mostrar el texto/contenido lo más rápido posible, evitando la espera de que primero se carguen los demás scripts que tengás instalados en tu sitio web.
Cuando un visitante llega a tu web y nota que el contenido que quiere ver demora mucho en aparecer, osea esta viendo una página en blanco cargándose durante varios segundos, suele abandonar tu página. Este script pretende evitar eso.
Si tenés una conexión a Internet rápida, es posible que no notes la diferencia, entre aplicar o no este script en tu sitio web.
Saludos.-
Gracias, y exactamente donde lo coloco.
Dentro del header.php del theme, ¿pero en que parte?
Si, en el articulo aparece el lugar donde sugiero ubicarlo.
Acabo de editarlo, por alguna razón no salían las etiquetas en el texto.
Básicamente entre la etiqueta de cierre del head y el comienzo del body.
Saludos.-
Gran aporte. Muchas gracias
Voy a seguir tus reconendaciones y si funcionan te pongo un monumento. Muchas gracias
Esta super excelente esto!!!
Muchas gracias por esta grandisima aportación, que realmente nos ayuda para mejorar nuestros proyectos.
Mucho exito y continua publicando, porque nos hace mucho bien
Un abrazo
Miguel Angel Herrera
Hola, muy buen aporte.. te comento que en mi web http://www.informadosdiario.com.ar (es un diario digital) estoy teniendo problemas con las imágenes, ya que me dijeron que la pagina pesa 2mb de los cuales 1,5 es de las imágenes.
en si esto me dijeron...
"Tu home pesa más de 2MB, de los cuales 1,5MB son imágenes. Personalmente creo que en ningún caso el peso total debiera pasar de los 500k.
Con esa plantilla que usas, me temo que el cambio de hosting no te va ayudar mucho a mejorar la carga... deberías optimizar las imágenes y la plantilla o prescindir de una buena parte de ellas, las miniaturas que se visualizan a 55px no son tales, está cargando imágenes de 4000x3000 píxeles:"
Usted sabría como ayudarme a optimizar esto y como evitar que queden imagenes tan grandes guardadas ya que en el diario colaboran personas de distintas ciudades
Hola Luis, si usas Wordpress instala el plugin WP-Smushit que menciono en el post y usa la opción: Bulk Smush.it para que te comprima todas la imágenes que ya tenés subidas al sitio web.
Al tener instalado este plugin, de ahora en mas, cuando subas una imagen para ilustrar un post este plugin la va a comprimir automáticamente sin que pierda calidad.
Otra cosa que te aconsejo es que antes de subir una imagen te asegures que sus dimensiones no sean exageradas, 4000×3000 píxeles es una exageración para una imagen en un post. Si tenes una imagen así de grande, antes de subirla al Wordpress, agarrá un editor de imágenes y redimensioná la imagen a 600px de ancho que es mas o menos el tamaño en que se ven en los artículos de tu página web.
Espero haberte sido de ayuda, saludos.-
Gastón realemnete muchas gracias por los plugin, funcionan excelente. Mira nosotros tenemos un sito denominado: causasolidaria.com, es una plataforma de financiamiento colectivo en venezuela, tú crowdfunding está creciendo cada vez más y latinoamerica no es la excepción. En Venezuela no existen este tipo de plataformas de financiamiento colectivos y estamos nuevos en esto. Estamos claros en lo que queremos hacer pero queremos que nos ayudaras en cualquier sugerencia y a promocionarnos por allá. Muchos emprendedores, artistas, creadores e innovadores utilizan el financiamiento colectivo, pero primero necesitamos credibilidad entre los usuarios, generar confianza de que la plataforma es real y transparente, es un trabajo duro pero no imposible, cualquier sugerencia al respecto, te lo agradecemos.
Gracias, excelente plugins
Reinaldo Briceño
CausaSolidaria.com
Hola Reinaldo, te felicito por la iniciativa. Un emprendimiento de este tipo no es algo que se pueda hacer y lanzar en unos meses, como dices requiere bastante trabajo, pero no es imposible.
Te sugeriría que estudies a las plataformas que ya existen y veas sus puntos buenos y cuales mejorar, que tu sitio web tenga un diseño atractivo, y busca asesoramiento legal, si vas a mover/administrar dinero de otras personas, esto es fundamental.
Te deseo muchos éxitos y dale para adelante.-
Hola Gaston, buen artículo que he seguido al pie de la letra, mi web carga bastante lenta, pero al contactar con hostgator estuve hablando con soporte y me han dicho que desde hace un tiempo recomiendan mejor WP Super Cache antes que W3 Total Cache, que a veces daba problemas en algunas webs, por si quieres añadirlo también, saludos
Hola Susana, muchas gracias por la sugerencia de hecho si es un buen plugin de optimización el WP Super Cache, es mas sencillo de usar también.
Por el momento sigo usando W3TC, se me hace la alternativa mas completa para tener optimizado el blog, pero entiendo que puede ser algo complicado trabajar con el, por la gran cantidad de opciones que tiene.
De nuevo muchas gracias por haber tomado un momento de tu tiempo para compartirnos tu experiencia.
Saludos.-