Cómo hacer que WordPress sea más rápido – ¡Mucho más rápido!

La velocidad del sitio web es un gran problema. Tiene una influencia directa en las posibilidades de que un visitante regrese, las tasas de conversión, los niveles de satisfacción del cliente, e incluso las posibilidades de que su sitio web se posicione bien en los motores de búsqueda, como Google. En resumen, ¡su sitio web necesita ser rápido! ¿Qué tan rápido? Bueno, en términos generales, las páginas deberían cargarse en menos de un máximo absoluto de unos tres segundos, pero en realidad: cuanto más rápido mejor (lo ideal es que sea de uno a dos segundos).

WordPress es un sistema bien mantenido y altamente racionalizado – cuando surgen problemas, generalmente se deben al hecho de que casi nadie utiliza una instalación de WordPress de vainilla. Para obtener los resultados que necesitas, es probable que utilices decenas de plugins, código personalizado o temas de terceros, todos los cuales tienen el potencial de desmenuzarse a la velocidad de tu sitio.

En este artículo, repasaremos las causas fundamentales de estas disminuciones, y veremos lo que puedes hacer para resolver cualquier problema y volver a poner en marcha tu sitio.

Factores de velocidad del sitio

Hay unos pocos factores que determinan la velocidad de un sitio web, aquí están los que veremos con más detalle:

  • Ping
  • Calidad del alojamiento
  • Calidad del código
  • Solicitudes en el sitio web

Ping

El ping es esencialmente el tiempo que tarda una consulta de su ordenador en llegar al servidor. Se mide en milisegundos, lo que puede parecer bajo, pero estos milisegundos se suman rápidamente. Si tu sitio web tiene muchas solicitudes, incluso un ping de 10ms podría sumar un segundo entero o más.

Obviamente no puedes pedir a los usuarios que se acerquen a tus servidores, pero puedes usar los servicios de CDN para bajar los pings en promedio. Hablaremos más sobre los servicios CDN a continuación.

Calidad del alojamiento

El alojamiento es probablemente el factor más importante en la velocidad de tu sitio. No sólo afecta la experiencia del usuario al proporcionar un caching más rápido y servidores más potentes, sino que, con la infraestructura adecuada, estará mejor protegido contra los aumentos de tráfico, mientras que los efectos de una menor calidad del código también pueden ser mitigados.

Por lo tanto, encontrar un buen anfitrión debería ser la prioridad principal. Tenemos numerosos artículos y guías sobre el alojamiento aquí en WinningWP – echa un vistazo a nuestra Guía de los mejores servicios de alojamiento de WordPress y nuestros artículos sobre el alojamiento.

Como regla general, vale la pena pagar un poco más por un servicio de alojamiento de primera calidad, especialmente si su negocio depende de la velocidad y el tiempo de funcionamiento de su sitio web.

Calidad del código

La calidad del código afecta a la velocidad del sitio de muchas maneras: El código malo tarda más tiempo en procesarse; el código no optimizado puede ser mucho más intensivo en memoria, o simplemente más grande, tardando más tiempo en descargarse. Eso sin mencionar el efecto bola de nieve que está ligado al código difícil de mantener – a medida que más y más desarrolladores añaden más y más a su código en diferentes estilos, usando diferentes metodologías, comenzará a degradarse, agravando todos los problemas anteriores.

El problema es que, a menos que seas un desarrollador experimentado, es difícil determinar la calidad del código que estás usando. Sin embargo, hay algunas cosas que son más fáciles de controlar que otras, como la elección de plugins fiables, que veremos más adelante.

Solicitudes en el sitio web

El número de solicitudes que realiza su sitio web está relacionado con la calidad del código, pero vale la pena destacarlo porque puede controlarlo hasta cierto punto. Cada vez que su sitio carga un recurso – una imagen, un vídeo, un script (un código de seguimiento, por ejemplo), y algunas otras cosas – se realiza una solicitud. Cada solicitud por separado lleva tiempo, lo que disminuye la velocidad de su sitio, pero existen algunas técnicas para reducir el número de solicitudes que realiza su sitio.

Medición de los tiempos de carga

Antes de aprender a reducir los tiempos de carga, necesitarás saber cómo medirlos. GTmetrix es una gran herramienta para ello, ya que te permite medir el rendimiento de tu sitio y obtener todo tipo de información y elementos de acción de forma gratuita (también hay un plan de pago, que puede ser adecuado si haces pruebas regularmente o necesitas opciones más avanzadas). Consulta nuestra guía dedicada a GTmetrix para obtener más información.

Otras opciones son Pingdom, que es un servicio similar, o herramientas basadas en el navegador como YSlow, que se pueden encontrar en las bibliotecas de extensión Chrome/Firefox/Safari.

¿Qué es un buen tiempo de carga?

Esto realmente depende de lo que estés haciendo, pero, en general, no debería ser más de tres segundos. Si principalmente tienes un texto con una o dos imágenes, tu sitio debería cargarse en menos de dos segundos. Un sitio de gama media con un par de imágenes y mucho texto es capaz de cargar dentro de 700ms si todo está optimizado y su anfitrión es de primera categoría.

Disminución de los tiempos de carga

Algunos de los métodos de la lista pueden ser un poco más avanzados que su actual conjunto de habilidades (los consejos más accesibles están más cerca de la parte superior), pero no se preocupe demasiado por eso – implemente cualquier cosa que pueda de la lista y pruebe un nuevo método cada semana después de eso. Cualquier aumento de velocidad es valioso, así que no te preocupes si no repasas toda la lista de inmediato.

Elección del mejor anfitrión

Ya he mencionado la importancia de un buen anfitrión – nuestra Guía de los mejores servicios de alojamiento de WordPress debería poder ayudarte a tomar una decisión informada.

Un buen anfitrión ofrece servicios avanzados, como copias de seguridad, supervisión del sitio y la fácil adición de nuevos sitios. Me he encariñado mucho con los anfitriones administrados de WordPress recientemente – tienen la ventaja de estar enfocados en WordPress, así que incluso montan su hardware de acuerdo a sus necesidades.

Los tres servicios de alojamiento de WordPress mejor gestionados son WP Engine, Kinsta y Flywheel. Todos ellos proporcionan alojamiento de alta calidad, y, aunque tienen sus diferencias, confiaría mi negocio a cualquiera.

Una cosa que advertiría es que no se deben utilizar los servicios de alojamiento de WordPress administrados por empresas que se centran en otras formas de alojamiento también. Estos servicios suelen ser baratos y no son realmente específicos de WordPress, sólo un reempaquetado de sus planes compartidos o VPS existentes. Esto no significa necesariamente que sean malos, pero las compañías que se especializan en servicios de WordPress son mucho mejores en este tipo de cosas.

Revisión de Plugin

Si tienes un sitio muy lento, revisar tus plugins podría ser uno de los mejores movimientos que hagas. Recomiendo revisar su lista de plugins dos veces. En su primera revisión, identifique los plugins que no utiliza o no necesita, desactívelos y luego bórrelos.

Tenga en cuenta que nunca debe tener más de un plugin de SEO o de caché instalado a la vez, ya que esto ralentizará su sitio de forma drástica. De hecho, si utilizas un alojamiento gestionado de WordPress, es posible que no necesites ningún plugin de almacenamiento en caché; pregúntale a tu anfitrión sobre esto para asegurarte.

Ahora que has eliminado los complementos innecesarios, es hora de revisar lo que queda para ver si se puede mejorar. Asegúrate de que cada plugin es el mejor que se ofrece: Hay miles de plugins en el repositorio, así que elige los que sean de confianza, probados y de alta calidad. Como siempre, te tenemos cubierto – echa un vistazo a nuestra guía de elección de plugins para obtener algunos consejos sobre cómo conseguir lo mejor.

Deberías intentar tener el menor número posible de plugins: Al optimizar el uso de los plugins, reducirá el número de solicitudes que hace su sitio, lo que aumenta aún más la velocidad.

Actualizar todo

En primer lugar, asegúrate de usar siempre la última versión de WordPress. Desde la versión 3.7, WordPress ha tenido actualizaciones automáticas para lanzamientos menores y actualizaciones de seguridad. Cuando una nueva actualización llega, recibirás un aviso en el administrador. No lo descartes como una tarea para más tarde – toma menos de un minuto, y aumentará la seguridad y posiblemente la velocidad de tu sitio web.

También puede configurar su sitio para aplicar automáticamente las actualizaciones básicas – eche un vistazo a la guía de actualización automática en el Codex de WordPress.

Asegúrate de que tus plugins y temas también estén actualizados para que las versiones de estos productos sean las menos problemáticas, las más actualizadas, las más seguras y las más rápidas.

Eso se encarga de WordPress, pero no olvides tus servidores, especialmente tu versión PHP. PHP es el lenguaje base en el que está escrito WordPress, y la diferencia de velocidad entre la última versión de PHP y la anterior es dramática, con un incremento de casi el doble en todo el tablero (comprueba la información sobre el rendimiento de PHP para verlo por ti mismo).

Los anfitriones de alto nivel se encargarán de esto por usted, o puede ser capaz de establecer qué versión de PHP utiliza su sitio usted mismo. Eche un vistazo al panel de control de su sitio web o llame al personal de soporte de su anfitrión y pídales que lo pongan en PHP7 – hará una gran diferencia.

Usar un CDN

Ya he mencionado los servicios de la CDN en relación con la reducción de los pings. Un CDN (content delivery network) es una red distribuida que sirve contenido a sus visitantes desde un lugar geográficamente más cercano a ellos. Si sirvo una imagen a través de un CDN, los espectadores en los EE.UU. pueden recibir la imagen a través de un centro de datos en Texas, mientras que los europeos pueden obtenerla a través de un centro de datos en Alemania.

Disminuir la distancia que los datos tienen que recorrer disminuye los pings y los tiempos de transferencia, y reduce el estrés en la red, ya que ahora está distribuida por todo el mundo.

El uso de un CDN también hará la vida más fácil en caso de que quieras transferir tu sitio web a otro lugar, o trabajar en él localmente. Dado que el contenido servido desde un CDN está en la nube, no es necesario moverlo al trasladar un sitio, ¡lo que supone un enorme aumento de la productividad!

Una solución de CDN normalmente consta de dos partes: Un lugar de almacenamiento y una red de entrega (esta última es la verdadera CDN). Amazon, por ejemplo, tiene una solución de almacenamiento llamada Amazon S3, y usted puede conectar la solución CDN de Amazon – CloudFront – para asegurarse de que su contenido se distribuye en su red.

Preparar esto es más fácil de lo que crees. Echa un vistazo a nuestra guía – mover los medios de comunicación de WordPress a Amazon S3 – para obtener más información.

MaxCDN y CDN77 son también grandes CDNs, y son más baratos (y a menudo más rápidos) que las soluciones de Amazon.

Usar Caching

Cuando sirves una página a tus espectadores, sucede lo siguiente: El código PHP se ejecuta y procesa en el servidor, resultando en un código HTML que se envía al usuario. El HTML resultante es a menudo el mismo, pero sigue siendo procesado cada vez. Tome una entrada de blog, por ejemplo: No cambia a menos que se actualice, pero el código PHP sigue siendo procesado cada vez.

Los cachés ahorran un valioso tiempo de servidor al “guardar” el resultado de la operación de procesamiento. El código se ejecuta y procesa, y el HTML resultante se almacena en la caché. Para los visitantes posteriores, el procesamiento se salta por completo y reciben la versión HTML guardada.

Esto no sólo acelera su sitio, sino que puede ser de gran ayuda para hacer frente a los aumentos de tráfico, ya que el servidor no necesita procesar cada solicitud.

Actualmente, hay tres conocidas soluciones de almacenamiento en caché todo en uno para WordPress: W3 Total Cache, WP Super Cache y WP Rocket.

W3 Total Cache y WP Super Cache son gratuitos, y el primero tiene las mejores críticas. WP Rocket es una nueva adición al grupo, y, según las críticas, es la que tiene el rendimiento más rápido. Sin embargo, es un plugin premium, así que te costará dinero.

Antes de probar las soluciones de almacenamiento, recuerde el consejo que le dimos antes: Nunca instales más de un plugin de cacheo, y pregúntale a tu host si necesitas uno. Instalar más de un plugin de cacheo es una idea horrible, ya que probablemente ralentizará o romperá tu sitio web, y si estás en un plan de alojamiento administrado de WordPress, tu anfitrión puede tener algo incorporado a nivel de servidor que es mucho más rápido.

Optimice sus imágenes

WordPress hace todo lo posible para servir imágenes optimizadas, pero hay algunas cosas que simplemente no puede hacer. Es mejor optimizar tus imágenes antes de subirlas usando cosas como el Photoshop. Todos los editores de imágenes te permiten elegir la calidad JPEG, así que usa la configuración más baja posible. En muchos casos, no notarás la diferencia entre el 100% y el 60% de calidad, pero el tamaño del archivo podría reducirse a la mitad (o más).

También hay algunas herramientas que puede utilizar para optimizar las imágenes por lotes. ImageOptim es una gran herramienta para los usuarios de OSX, mientras que RIOT será útil para cualquier usuario de Windows.

Es mejor no exagerar con los tamaños de las imágenes, y aquí está el por qué: Cuando subes una imagen de 3000×1000, WordPress guardará tamaños específicos de la misma, que son definidos por tu tema. Si tu tema utiliza una imagen de 900×300, la imagen grande se reducirá a esas dimensiones. Todo bien hasta ahora: Se usará la imagen apropiada.

Si por alguna razón el tamaño de la imagen no existe (un error, cambiaste de tema), se puede utilizar la versión original de 3000×1000. Probablemente no podrás ver la diferencia, pero habrás añadido 1MB al tamaño de tu sitio, disminuyendo así tu velocidad.

Cuando cambies de tema, el tamaño de tu imagen estará por todas partes: Tu nuevo tema puede requerir una imagen de 300×100, que simplemente no existirá. Lo mejor que puedes hacer es regenerar el tamaño de las imágenes cuando cambies de tema, usando un plugin como Regenerar miniaturas. Puede llevar un tiempo si tienes miles de imágenes, pero acelerará tu sitio considerablemente.

Contrata a un buen codificador

No puedo enfatizar esto lo suficiente. Contratar a un buen desarrollador y trabajar con él o ella constantemente es como pagar un poco más por un mejor alojamiento. Puede que no sientas los efectos a corto plazo, pero te maldecirás por elegir la opción más barata a largo plazo.

La verdad es que WordPress es fácil de codificar. PHP no es un lenguaje difícil, y WordPress tiene tanta documentación que puedes aprender a hacer un plugin básico en un par de semanas. Esto es genial en muchos sentidos, pero también puede significar que mucha gente ofrece sus servicios antes de estar listos para hacer un trabajo de calidad.

En el desarrollo, si el costo parece demasiado bueno para ser cierto, probablemente lo sea, y la calidad del trabajo se verá afectada. Un desarrollador experimentado no sólo sabe cómo implementar las cosas que necesita, sino que sabe cómo implementarlas de forma optimizada y a prueba de futuro.

Pagar entre 50 y 100 dólares por hora puede parecer mucho, pero te garantizo que pagarás más a largo plazo si consigues que alguien se quede sin trabajo en tu sitio.

Edúcate

Otra gran manera de aumentar el rendimiento de su sitio web (no sólo en cuanto a la velocidad) es conocer las tecnologías que está utilizando. Hay guías, tutoriales, vídeos, artículos y foros sobre todos los temas imaginables, desde el seguimiento de su sitio web con Google Analytics hasta el uso de WooCommerce, por lo que debería encontrar todo lo que necesita.

Aprender todo lo que pueda le ayudará a gestionar mejor su sitio web y le permitirá comunicarse más eficazmente con los desarrolladores y diseñadores.

Tareas de desarrollo

Como propietario/usuario de un sitio web, no hay mucho que puedas hacer para acelerar tu sitio. Se cometen muchos pecados fundamentales en el código, y no hay mucho que puedas hacer al respecto – ¡a menos que estés dispuesto a ensuciarte las manos! Sin entrar en el meollo del asunto, aquí están los problemas más comunes que encontrarás – y cómo resolverlos.

Poniendo las escrituras en el pie de página

Cargar los guiones ocupa valiosas solicitudes y ancho de banda. Mientras que algunos necesitan ser cargados en el encabezado (la parte del sitio web que se carga primero), la mayoría funcionará bien si se cargan en el pie de página – la parte del sitio que se carga al final. Para cuando el navegador cargue el pie de página de su sitio web, ya habrá cargado su contenido, por lo que el espectador puede empezar a leer mientras se cargan los scripts del pie de página.

La solución es moverse lo más que se pueda al pie de página. En WordPress, puedes hacer esto usando la función wp_enqueue_script() – echa un vistazo a la documentación vinculada para más detalles.

Cargar primero el contenido importante

El mismo tipo de lógica puede aplicarse a la forma en que se estructura el contenido. Si tu barra lateral se carga antes que tu contenido y algo va mal, sostendrá todo el sitio. Si se carga después del contenido, puede que el sitio se cuelgue, pero para entonces, el contenido principal ya se habrá cargado.

Estructurar el código de manera que permita que su contenido principal se cargue lo antes posible, de modo que si algo sale mal los usuarios tengan algo que mirar, y puede que ni siquiera se den cuenta de los problemas.

Concatenación y Minificación de Archivos

Concatenar (fusionar) los archivos ayuda a reducir el número de solicitudes que hace un sitio. Si tu sitio contiene 10 archivos de JavaScript y 10 de CSS, estás haciendo 20 solicitudes. Sin embargo, si fusionas todos tus archivos de JavaScript en un solo archivo (y haces lo mismo con tus hojas de estilo), reducirás tus solicitudes a dos, lo que te ahorrará mucho tiempo de carga.

La concatenación puede hacerse manualmente con la terminal o la línea de comandos, pero se hace más comúnmente usando herramientas de construcción como Gulp o Grunt – ambas tienen extensiones de concatenación. También se pueden utilizar herramientas GUI como CodeKit o Prepros.

Minimizar los archivos es una forma práctica de reducir su tamaño. El código está escrito para ser leído por los humanos, pero las máquinas no necesitan todo ese espacio extra y nombres de variables legibles. La minificación elimina todo lo que sólo se necesita para la legibilidad, como espacios, saltos de línea y comentarios. Aún mejor: ¡las herramientas utilizadas son las mismas que las anteriores!

Optimice su base de datos

Con el tiempo, cualquier base de datos se deteriorará. Cuanto peor sea tu código, más rápido ocurrirá esto. Afortunadamente, MySQL tiene algunas grandes herramientas incorporadas para reparar estos problemas. Las grandes bases de datos consumen más RAM y ralentizan las consultas, lo que lleva a tiempos de procesamiento más largos, ¡que pueden sumar hasta 10 segundos de tiempo de carga!

SiteGround tiene un breve tutorial sobre la optimización de una base de datos MySQL utilizando consultas SQL, y otro sobre el uso de phpMyAdmin para optimizar una base de datos.

Habilitar la compresión Gzip

El tamaño de las páginas web puede contribuir considerablemente a la velocidad de descarga. Usando gzip para comprimir la página web (esto es muy parecido a usar archivos zip), puedes disminuir el tamaño de tu página, y por lo tanto el tiempo que lleva recuperarla.

Para que funcione, necesitarás editar tus archivos .htaccess – GTmetrix tiene una gran visión general de cómo se puede hacer esto.

Pensamientos finales

Como puedes ver, hay un lote que puedes hacer para acelerar tu sitio web! Algunos métodos son para desarrolladores (o para los más aventureros), pero hay un montón de ajustes fáciles que puedes realizar como usuario habitual para aumentar la velocidad de tu sitio.

Una de las cosas más inteligentes que puedes hacer es investigar los plugins y temas que usas, y ser consistente con las decisiones que tomas. Esto ayudará a que su sitio web sea más rápido – ¡y que siga siendo así!

Enero 21, 2020 a las 8:12 am

¡Grandes consejos aquí! Es increíble la cantidad de métodos y plugins que existen para ayudar a resolver los problemas que enfrentan los propietarios de sitios web de WordPress. Un gran consejo que encontré personalmente para acelerar WordPress fue eliminar los Javascripts no utilizados que WordPress añade al encabezado y al pie de página. Esto aceleró mi sitio significativamente, especialmente quitando Jquery ya que no lo estaba usando en mi sitio de todos modos.

Respuesta

  • Shahriar Islamsays:9 de noviembre de 2019 a la 1:48 am

    Puedes probar LSCache y LiteSpeed Webserver para una carga más rápida del sitio.

    Respuesta

  • Sarita Gauravsays:7 de septiembre de 2019 a las 3:35 am

    Wow, tu artículo funciona como magia. Pude aumentar la velocidad de mi blog un 60% más rápido. El tiempo de carga de mi blog es ahora menos de 0,2 segundos, a diferencia de antes. Gracias Daniel por esta maravillosa información. Fue realmente útil.

    Respuesta

  • Rupan Chakrabartisays:18 de agosto de 2019 a las 4:26 pm

    WOW! Realmente disfruté cada parte de este artículo. Definitivamente el mejor artículo que he leído sobre la aceleración de los sitios de WordPress. Muchas gracias por compartir esta valiosa información.

    Respuesta

  • Deje una respuesta Cancelar respuesta

    Su dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Comentario

    Nombre*

    Correo electrónico*

    Sitio web

    Notifícame los comentarios de seguimiento por correo electrónico.

    Todos los comentarios se mantienen con moderación. Sólo publicaremos los comentarios que estén en el tema y que se adhieran a nuestra política de comentarios.

    Nuestro formulario de comentarios también apoya el uso de Markdown.

    Deja un comentario