Estos 3 Plugins Harán que tu WordPress Cargue Más Rápido

Spread the love

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.

WordPresses 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. 

¿Cómo Hacer Que WordPress Cargue Más Rápido – Sin Complicarnos la Vida?

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.

Primer Plugin: «GTmetrix for WordPress»

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.

Segundo Plugin: «W3 Total Cache»

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.

Tercer – y Último – Plugin: «WP Smush.it», «EWWW Image Optimizer»

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.

Un Truco EXTRA que También Hará que tu WordPress Cargue Más Rápido

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.-

Gastón

Gastón comienza la experiencia de los Negocios en Internet en el año 2005. Hoy dedica tiempo, en ImpulsandoIdeas.net, a desarrollar personas con las destrezas necesarias para construir negocios en Internet sólidos que les permitan atraer más clientes, lograr más ventas y obtener más dinero.

Ver Comentarios

  • Hola buen aporte... Lo implementare en mi blog y te cuento los resultados. muchas gracias por el aporte.

  • Hola Gaston, la verdad me fue de mucha utilidad el articulo algunas cosas ya lo sabia pero lo de Smush me es totalmente nuevo asi que lo estoy probando.. Un solo y pequeño problema:

    "We found 27375 images in your media library. Be forewarned, it will take at least 1368 minutes to process all these images if they have never been smushed before."

    Creo que va a demorar un poco o MUCHO.. alguna sugerencia?

    Gracias!

    • Hola Marvin, me alegra que el artículo te sea de utilidad :-)

      Con respecto a tu pregunta, el plugin ahí te esta diciendo que tenés 27375 imágenes en tu Librería Multimedia, e hice el calculo de pasar esos minutos a horas y me dió 22hs aproximadamente que se demoraría, si todo va bien :D

      Lo que se me ocurre es que vayas Smusheando de a tandas de imágenes, por ejemplo te vas a tu librería multimiedia y seleccionas todas las imágenes de la primera página, y en Acción en lote seleccionas: Bulk Smush.it.

      Lo otro que se me ocurre es que identifiques cuales son los posts que mas visitas reciben en tu sitio web, cuales están siendo mas populares ahora, y empieces Smusheando las imágenes de esos posts para que carguen mas rápido, y luego sigues con los demás.

      Espero te sirva de ayuda, un saludo.-

  • Hola Gastón. Estoy aprendiendo y me ha parecido un artículo muy útil. Por si a alguien le sirve de ayuda adicional (y si me permitís la licencia), os paso un tutorial que he encontrado donde se explica de manera muy gráfica y sencilla cada uno de los pasos a seguir:

    http://www.crearunblogesfacil.com

    Espero que os guste. Besos. Clara

  • hola que tal he estado por tu web y quería agradecerte tu aportación, pero realmente te escribo para preguntarte sobre este widget o lo que sea que esta en el pie de pagina y te avisa de los usuarios en linea y muestra un chat en el lado derecho,quería tenerlo en mi sitio, podrías ayudarme??? gracias igualmente si no o si sí ;)

    • Hola Andres, me alegra que el contenido del blog te sea de utilidad :)

      El widget al que haces referencia lo consigues en esta página: Flyzoo.co, están en beta, actualmente estoy probando que tal funciona.

      Un saludo.-

    • Hola Alberto, la función flush() de PHP lo que hace es mostrar el contenido lo mas rápido posible al visitante.

      Seguro te habrá pasado que entrando a una web, se queda en blanco por unos segundos hasta que se han cargado todos los scripts, imágenes de la pagina y recién después aparece el texto/contenido de la web.

      Con Flush ayudas a evitar eso, el navegador muestra el contenido enseguida, mientras se van cargando todos los scripts, imágenes de la página.

      Espero haberte sido de ayuda, un saludo.-

  • Hola Gastón!
    Ha sido una total bendición encontrar este post. Hace unos días un amigo me contó que mi web, pese a estar bien diseñada y tener una buena usabilidad, posicionaba muy mal.

    No recuerdo muy bien cómo llegué a tu post, pero tras configurar los tres plugins a los que haces referencia he conseguido pasar de una F a una B. En apenas 3 días. Sigo usando el flush para comprimir las imágenes. Ahora mismo lo está haciendo en bloque, por lo que llevará un buen rato.

    Enhorabuena por esta aportación, y gracias mil.

    • Hola David, me alegra mucho que te haya sido útil el contenido de este post.

      Gracias por tomarte unos minutos para dejar este comentario.

      Un saludo.-

  • Qué opinión te merece el nuevo sistema de indexación y posicionamiento SEO de Google (colibrí) y qué consejos das para permanecer en buena posición o mejorarla? sabemos que la optimización es una de ellas... por otro lado ya no funcionarán los keywords, se dará prioridad a consultas más complejas gracias a siri y muchas de las cosas que antes funcionaban, ahora son obsoletas.

    • Hola Mike, la respuesta que estaba escribiendo para tu consulta era demasiado larga así que decidí publicar un nuevo artículo para intentar responderte, aquí puedes leerlo.

      Espero te sea de utilidad, un saludo.-

  • Hola Gastón!
    Primero darte las gracias con tu artículo.
    Llevo dias liado con el tema de carga de una web y no hay manera de ir más rápido.
    Ahora puse el código en el doc. de header:

    Y no se como quitarlo.

    Perdón no he comentado que me sale un código al principio de la web, como un error.

    Mil gracias por todo!

    • Hola Ramón, no me das demasiados detalles del problema.

      Pero para sacarlo tenes que hacer lo mismo que hiciste para agregarlo, vas y borras esas lineas de código y le das a actualizar para que se modifique el código fuente.

      Un saludo.-

  • Hola Gastón!
    Si, eso fue lo primero y nada. Perdona por la poca info que te di.
    En la web arriba del todo me sale un texto de error.

    La web donde pasa: http://activitats.vivencies.com
    Me sale esto en el header de la web:
    Lee Mas: https://impulsandoideas.net/228/plugins-wordpress-cargue-mas-rapido/#ixzz2kN8tnHPN Puedes copiar este contenido solo si cumples con los términos de la Licencia a continuación: Under Creative Commons License: Attribution Non-Commercial Share Alike Follow us: @glbicego on Twitter.

    Y no se como sacarlo.
    Mil gracias!

    • Hola Ramon, creo que ya lo haz solucionado porque no veo ahora mismo eso en el header de tu web.

      Eso que te aparecía, es un texto extra que no debía ir incluido cuando lo pegaste en el código fuente. Solo debes incluir la porción de texto que figura en el post, el resto lo borras.

      Un saludo.-

Share
Publicado por
Gastón

Recent Posts

Cómo los Hashtags Atraen a Clientes de Valor

¿Aún no has incorporado hashtags en tu estrategia de marketing digital? Aquí tienes tres razones…

10 años ago

¿Cómo Estar Bien Posicionado En Los Buscadores?

Estar bien posicionado en los buscadores no es una ciencia exacta. Pero hay ciertas reglas…

11 años ago

Sabías que… Hoy es el Día Internacional del Blog!

Hoy 31/08 se celebra el Día Internacional del Blog porque si escribimos los números del…

11 años ago

Napoleon Hill, Consejos Para Que Seas Exitoso

Napoleon Hill es el escritor de uno de los mejores libros que he leído hasta…

11 años ago

10 Pasos Para Instalar WordPress En Un Hosting #Infografia

Instalar WordPress en un hosting propio puede resultar intimidante para algunas personas. Esto no es…

11 años ago

10 Elementos Claves Para Ser Exitoso En Los Negocios

Este corto video resume los 10 elementos claves para ser exitoso en los negocios que…

11 años ago

Este sitio web utiliza cookies.