Optimiza la velocidad de tu web de WordPress [Guía completa]

Crear un sitio web de WordPress parece bastante simple, ¬Ņno? Compra hosting, obtiene un nombre de dominio e instala WordPress. Con tantos temas y plugins geniales disponibles para los usuarios de WordPress, podr√≠a crear, dise√Īar y llenar de manera realista el sitio con contenido en unas pocas horas.

Para cualquiera que alguna vez haya pensado, “¬ŅQu√© tan dif√≠cil podr√≠a ser construir un sitio web?”, Eso es exactamente lo que imagin√≥. Sin embargo, esto deja fuera un componente cr√≠tico del proceso de construcci√≥n del sitio web:

Optimización de la velocidad del sitio.

La siguiente gu√≠a explora todas las formas en que un sitio web de WordPress puede y debe optimizarse para el rendimiento.

¬ŅPor qu√© es importante la velocidad del sitio?

Hace muchos a√Īos, Kissmetrics public√≥ una infograf√≠a que demostraba las altas expectativas que los consumidores tienen de los sitios web. Es decir, una mayor√≠a creciente esperaba que los sitios web se cargaran en cuesti√≥n de tres segundos o menos.

Sin embargo, en el tiempo transcurrido desde que se publicaron esos datos, tenemos estudios de casos que muestran cu√°n grave se ha vuelto este problema y qu√© sucede cuando un sitio web no se optimiza para la velocidad o logra superar las expectativas.

Tome la BBC, por ejemplo:

“En la BBC hemos notado que, por cada segundo adicional que tarda una p√°gina en cargarse, el 10% de los usuarios se va”.

Pinterest, por otro lado, tiene un gran ejemplo de lo que sucede cuando mejora la velocidad del sitio:

“El resultado de la reconstrucci√≥n de nuestras p√°ginas para el rendimiento llev√≥ a una disminuci√≥n del 40 por ciento en el tiempo de espera de Pinner, un aumento del 15 por ciento en el tr√°fico de SEO y un aumento del 15 por ciento en la tasa de conversi√≥n para registrarse”.

Tampoco son solo las noticias y las redes sociales las que pueden beneficiarse de un aumento de velocidad. El minorista Zitmaxx Wonen muestra lo que sucede cuando un sitio web est√° optimizado espec√≠ficamente para el usuario m√≥vil:

‚ÄúZitmaxx Wonen logr√≥ una puntuaci√≥n m√°xima de 100 en PageSpeed ‚Äč‚ÄčInsights y un tiempo de carga de 3 segundos en Test My Site‚Ķ Adem√°s de mejorar la velocidad y la accesibilidad, las m√©tricas comerciales clave tambi√©n han mejorado desde el lanzamiento del sitio m√≥vil actualizado: conversi√≥n m√≥vil las tarifas aumentaron un 50,2%, mientras que los ingresos m√≥viles aumentaron un 98,7% “.

Cuando mejora la experiencia en el sitio y mejora sus tasas de participaci√≥n, el ranking de b√ļsqueda de su sitio web tambi√©n se ver√° afectado directamente. Si puede demostrarle a Google que tiene un sitio web bien construido, bien escrito y s√ļper r√°pido, se ver√° recompensado enormemente en los resultados de b√ļsqueda.

Cómo medir la velocidad de su sitio de WordPress

Si a√ļn no ha creado su sitio de WordPress, todav√≠a no hay nada que hacer en t√©rminos de probar la velocidad del sitio. Sin embargo, una vez que el sitio est√° listo, puede ejecutarlo a trav√©s de una de varias herramientas para ver qu√© tan bien lo hizo para optimizar el rendimiento.

Afortunadamente, hay un mont√≥n de herramientas gratuitas de prueba de velocidad de sitios web que puede utilizar para hacer esto. Google, por supuesto, tiene el suyo, por lo que es posible que desee comenzar all√≠ solo para tener una idea de qu√© tan r√°pido Google interpreta su sitio.

Esto es Google PageSpeed ‚Äč‚ÄčInsights:

Google PageSpeed ‚Äč‚ÄčInsights

Simplemente ingrese su nombre de dominio (o una p√°gina que sospeche que se est√° ejecutando m√°s lentamente que otras) en el campo y haga clic en “Analizar”.

Luego, Google escupir√° un mont√≥n de datos sobre la rapidez con la que se carg√≥ su sitio para dispositivos m√≥viles y computadoras de escritorio. Aseg√ļrese de hacer clic en ambas pesta√Īas para explorar el rendimiento de su sitio para sus diferentes audiencias.

Luego, desplácese hacia abajo para ver cómo lo hizo en términos de optimizaciones.

An√°lisis de PageSpeed ‚Äč‚ÄčInsights

Otras herramientas de prueba de velocidad del sitio producir√°n informes similares. Dicho esto, sigue siendo una buena idea ejecutar su sitio web a trav√©s de al menos dos de ellos. Aqu√≠ est√° GTmetrix, por ejemplo:

GTmetrix

A diferencia de Google, que divide las velocidades de los dispositivos m√≥viles y de escritorio, GTmetrix divide las pruebas con resultados y recomendaciones de PageSpeed ‚Äč‚ÄčInsights e YSlow.

An√°lisis GTmetrix

También puede verificar el análisis de cascada para ver qué partes específicas de su sitio están causando el mayor arrastre en la velocidad del sitio.

No hace falta decir que hay mucho que tener en cuenta aqu√≠. Sin embargo, su objetivo debe ser encontrar las herramientas de prueba de velocidad del sitio que mejor funcionen para ti y que brinden sugerencias de una manera que tenga sentido.

Optimice la velocidad de su sitio de WordPress

Mucho de lo que recomiendan esas herramientas de prueba de velocidad de sitios web se ver√° como jerga t√©cnica, lo cual est√° bien. Para muchas de estas optimizaciones, en realidad no es necesario saber c√≥mo codificar el backend de un sitio web.

Con esta lista de 26 optimizaciones de velocidad del sitio, ver√° que la mayor parte de esto se puede hacer con configuraciones de WordPress, plugins y hosting web confiable.

# 1: Hosting web

Antes de hacer cualquier otra cosa, eche un vistazo a su hosting web. Si su sitio web no se encuentra en la parte superior de la infraestructura del servidor de una empresa de hosting web confiable, esa podr√≠a ser la fuente de problemas de velocidad de su sitio.

Las cosas que debe buscar al evaluar la calidad de su plan de hosting web son:

  • Almacenamiento SSD
  • PHP
  • apache
  • Almacenamiento en cach√© del lado del servidor
  • Nginx
  • Balanceo de carga

Otra cosa que debe buscar es dónde se encuentran las instalaciones de sus servidores.

Tomemos, por ejemplo, el hosting de WordPress administrado de Flywheel:

Servidores de flyer

Tienen varios centros de datos en todo el mundo. Algunas empresas de hosting de WordPress, sin embargo, no son tan transparentes acerca de d√≥nde se sirven los sitios web, lo que puede ser problem√°tico si el servidor est√° demasiado lejos de su visitante objetivo. No es solo un sitio pesado que puede afectar la velocidad; la distancia f√≠sica tambi√©n puede hacerlo.

Por lo tanto, si su proveedor de hosting web no tiene informaci√≥n disponible sobre d√≥nde est√°n ubicados sus servidores o si est√° nervioso porque su sitio est√° siendo atendido desde uno demasiado lejos, comun√≠quese con su soporte. Es posible que puedan ponerlo en un plan mejor o mover su sitio a un servidor m√°s cercano.

# 2: CDN

Ahora, si encuentra que su hosting web es lo suficientemente bueno como est√°, pero la velocidad del sitio todav√≠a est√° perjudicando, su pr√≥ximo paso podr√≠a ser comprar una red de entrega de contenido (o CDN). De hecho, si ha creado un sitio web de ecommerce y espera llegar a una audiencia global, esto no deber√≠a ser un debate. Seguramente necesitas un CDN.

Un CDN es algo as√≠ como un hosting web, excepto que no puede vivir por s√≠ solo. Tienes que colocar un CDN encima de un servidor de hosting web. A continuaci√≥n, ampl√≠a la red de su servidor, por lo que ya no tiene que preocuparse por las grandes distancias que separan a sus visitantes de la ubicaci√≥n de su sitio web en el servidor.

Entonces, usemos el ejemplo de Flywheel. Hay siete ubicaciones de servidor desde las que se puede alojar un sitio web, en Am√©rica del Norte, Europa y Asia.

Esto es lo que sucede cuando agrega una red de entrega de contenido como la de Cloudflare adem√°s de eso:

CloudFlare

Luego, su sitio web vive en m√°s de 165 centros de datos simult√°neamente y en todos los continentes. Esto significa que alguien que intente comprar sus productos en Rusia no tendr√° que esperar m√°s a que un servidor en Singapur o √Āmsterdam entregue su sitio web. La distancia se reducir√≠a enormemente y sus clientes globales ver√≠an su contenido exponencialmente m√°s r√°pido.

Sin embargo, antes de buscar un CDN, consulte con su empresa de hosting web para ver si puede agregar uno a su plan. Muchos planes de hosting compartido incluyen una opci√≥n complementaria de CDN gratuita. Y la mayor√≠a de las empresas de hosting ofrecer√°n al menos un CDN como actualizaci√≥n y al mismo tiempo se encargar√°n de instalarlo por ti.

# 3: almacenamiento en caché

Observe c√≥mo se pone mucho √©nfasis en la distancia f√≠sica entre los servidores de hosting y los visitantes. Sin embargo, eso no es lo √ļnico que ralentiza los tiempos de carga de un sitio web.

Su sitio web acumula muchos archivos durante su vida √ļtil. Archivos para el contenido de la p√°gina. Archivos para cada imagen. Archivos para todo el c√≥digo. Etc√©tera. Cuanto m√°s grande se vuelve un sitio web, m√°s potencia de procesamiento se necesita para manejarlo todo.

Es por eso que el almacenamiento en caché es un proceso esencial para todos los sitios web.

Lo que hace el almacenamiento en cach√© es guardar una copia HTML est√°tica de una p√°gina web y entregarla a los visitantes en lugar de las docenas o cientos de archivos que de otro modo tendr√≠a que procesar. Como puede imaginar, esto acelera mucho los tiempos de carga en los navegadores de sus visitantes.

Adem√°s, mientras el contenido permanezca sin cambios, la p√°gina almacenada en cach√© continuar√° envi√°ndose a los navegadores de los visitantes durante un per√≠odo de tiempo establecido. Si ha creado un sitio web que no cambia a diario, el almacenamiento en cach√© es incre√≠blemente √ļtil para mantener altas las velocidades.

En términos de cómo implementar esto, necesitará dos herramientas:

1. Su plan de hosting web debe incluir almacenamiento en cach√© del lado del servidor. Si no se menciona “cach√©” o “almacenamiento en cach√©” en su lista de funciones, es hora de buscar una nueva.

Tambi√©n es posible que desee ver si su host ofrece almacenamiento en cach√© de Varnish. Este es un mecanismo de almacenamiento en cach√© que vive en el nivel HTTP, por lo que funciona como un proxy inverso. B√°sicamente, revisa el tr√°fico antes de que tenga la oportunidad de llegar a su servidor web y escala sus recursos para asegurarse de que pueda manejarlo todo correctamente.

No hace falta decir que esto es realmente √ļtil para los sitios web de ecommerce y otros con grandes cantidades de tr√°fico.

2. Un plugin de almacenamiento en cach√© de WordPress se encargar√° de los otros tipos de almacenamiento en cach√©:

  • Navegador : esto anima a los navegadores individuales de sus visitantes a guardar una copia de la p√°gina web en caso de que regresen a ella.
  • P√°gina : almacena en cach√© un sitio web p√°gina por p√°gina. Cuando cambian las p√°ginas individuales, la cach√© se borra y comienza de nuevo.
  • Gravatar : si su blog acepta comentarios de los usuarios de Gravatar, la carga de sus avatares lleva tiempo, por lo que este tipo de almacenamiento en cach√© almacena ese contenido para los comentaristas que repiten.
  • Objeto, fragmento, base de datos y Memcache : hay datos detr√°s de escena de su sitio web que tambi√©n se benefician del almacenamiento en cach√©. Algunos plugins le brindan un control total sobre estas opciones de almacenamiento en cach√©.

Este es un ejemplo de los controles de almacenamiento en caché de W3 Total Cache:

Caché total de W3

Active su plugin, configure la configuraci√≥n de cach√© que desea usar y luego d√©jelo hacer su trabajo. No hay nada que gestionar aqu√≠.

Uno de los otros beneficios de usar un plugin de almacenamiento en cach√© de WordPress es que generalmente incluyen otras optimizaciones de rendimiento. Vamos a hablar de ellos a continuaci√≥n.

# 4: Minificación

Todo el c√≥digo que se encuentra detr√°s de su sitio web ocupa espacio y potencia de procesamiento en su servidor. Si bien escribir c√≥digo limpio y delgado es importante para mantener un sitio web de WordPress lo m√°s liviano posible, solo puede llegar hasta cierto punto.

Afortunadamente, muchos plugins de almacenamiento en caché de WordPress incluyen una opción para minimizar sus archivos HTML, CSS y JavaScript.

Minificación

Esto comprime eficazmente sus archivos a un tama√Īo m√°s razonable.

# 5: combinar código

Comprimir el tama√Īo de sus archivos JavaScript y CSS no es lo √ļnico que puede hacer. Tambi√©n puede combinar todos sus archivos JavaScript y todos sus archivos CSS en un solo archivo. WP Fastest Cache es un plugin de almacenamiento en cach√© que hace que sea realmente f√°cil de hacer.

Combinar código

# 6: compresión Gzip

Otra forma de compresión se llama compresión Gzip.

Compresión Gzip

Sin embargo, en lugar de simplemente mirar su código, la compresión Gzip comprime los archivos de contenido.

Si tiene un sitio web que se actualiza con frecuencia, este tipo de técnicas de compresión y combinación de archivos ayudan a mejorar la velocidad de carga incluso si la página no se puede almacenar en caché en este momento.

#7: HTTP/2

Resulta que el protocolo HTTP original (ahora conocido como HTTP / 1) no era tan eficiente como podr√≠a haber sido. En los √ļltimos a√Īos, HTTP / 2 se lanz√≥ como una mejora de HTTP / 1:

‚ÄúHTTP / 2 permite un uso m√°s eficiente de los recursos de red y una percepci√≥n reducida de latencia al introducir compresi√≥n de campo de encabezado y permitir m√ļltiples intercambios concurrentes en la misma conexi√≥n … Espec√≠ficamente, permite intercalar mensajes de solicitud y respuesta en la misma conexi√≥n y usa un codificaci√≥n eficiente para campos de encabezado HTTP. Tambi√©n permite la priorizaci√≥n de solicitudes, permitiendo que las solicitudes m√°s importantes se completen m√°s r√°pidamente, mejorando a√ļn m√°s el rendimiento “.

A medida que más y más consumidores y empresas acceden a la web, se vuelve absolutamente crítico que todos hagamos el cambio a HTTP / 2.

Dicho esto, no hay realmente nada que pueda hacer para realizar este cambio, aparte de trabajar con una empresa de hosting que coloca autom√°ticamente sus sitios web en este protocolo moderno y r√°pido.

Bluehost es uno de esos hosts que hace esto:

HTTP de Bluehost: 2

# 8: Server Tech

Hay una serie de piezas de tecnología y software en su servidor que requieren un mantenimiento regular.

PHP , por ejemplo, es el lenguaje de programaci√≥n utilizado por la mayor√≠a de sitios web en la actualidad. Seg√ļn W3Techs, el 79% de la web utiliza PHP actualmente:

Uso de PHP

Sin embargo, al igual que otras tecnolog√≠as web, no es suficiente utilizar ninguna versi√≥n antigua de PHP. Su sitio web de WordPress siempre debe usar la √ļltima y mejor versi√≥n de PHP. Esto asegura que est√° aprovechando al m√°ximo sus optimizaciones de rendimiento.

Si no est√° seguro de la versi√≥n en la que se ejecuta su sitio web de WordPress, consulte dentro de su panel de control para obtener m√°s detalles. Por ejemplo, Bluehost no solo proporciona una instant√°nea con esta informaci√≥n, su panel de control de WordPress permite a los usuarios actualizar si no est√°n usando la √ļltima versi√≥n de PHP.

Versiones PHP de Bluehost

Apache es un software de servidor web com√ļnmente utilizado por servidores web. Al igual que PHP, debe actualizarse para mantener un alto rendimiento del servidor. Sin embargo, no tienes control sobre esto. En cambio, querr√° asegurarse de que est√° trabajando con un servidor web que prioriza la optimizaci√≥n de sus servidores Apache.

Por ejemplo, Bluehost inform√≥ recientemente a los clientes que estaba haciendo precisamente eso:

Apache Bluehost

Otra pieza para mantenerse actualizado es la tecnología de base de datos de su servidor.

Si su sitio web est√° en hosting compartido o en la nube, probablemente no podr√° actualizar su MySQL o MariaDB. Sin embargo, al menos deber√≠a poder confirmar qu√© versi√≥n est√° usando su sitio web de WordPress. Si la informaci√≥n no est√° disponible en su panel de control, comun√≠quese con su soporte de hosting web y pregunte sobre c√≥mo actualizar la tecnolog√≠a.

# 9: Actualizaciones de WordPress

Con las cosas de hosting fuera del camino, es hora de ver qué más puede hacer dentro de WordPress para acelerar su sitio web de WordPress.

El primer lugar para comenzar es creando un sistema para administrar sus actualizaciones de WordPress.

Actualizaciones de WordPress

Como puede ver en la imagen de arriba, su panel de WordPress le informar√° tan pronto como haya actualizaciones disponibles para:

  • El n√ļcleo de WordPress
  • plugins instalados
  • Temas instalados

Hay varias razones por las que un desarrollador puede publicar una actualizaci√≥n para su software de WordPress. Podr√≠a ser para corregir un error o un problema de seguridad. Podr√≠a ser para agregar nuevas funciones. O podr√≠a ser para mejorar los problemas de rendimiento. De cualquier manera, desea tener un proceso implementado que le asegure estar al tanto de la emisi√≥n de estas actualizaciones cuando est√©n listas. WordPress se encargar√° de las actualizaciones de seguridad m√°s cr√≠ticas por ti, pero es su responsabilidad hacerse cargo del resto.

Tienes dos opciones en este caso.

La primera es realizar manualmente la actualización desde su panel de WordPress así:

Actualización manual

O puede utilizar una herramienta que automatice el proceso por ti. Hay plugins de WordPress como Easy Updates Manager que le permiten automatizar todas las actualizaciones.

Actualizaciones autom√°ticas

S√≥lo s√© cuidadoso. Si bien puede ahorrarle tiempo de tener que verificar las actualizaciones y realizarlas ti mismo, existe una peque√Īa posibilidad de que una actualizaci√≥n futura pueda evitar que ciertas funciones funcionen o que su sitio se rompa por completo. Si puede, es mejor administrarlos por su cuenta.

# 10: Theme de WordPress

La calidad y el tama√Īo de los temas de WordPress tambi√©n pueden ser problem√°ticos para WordPress. Si bien WordPress examina la calidad del c√≥digo antes de permitir que un tema aparezca en su repositorio, hay una raz√≥n por la que los plugins y los temas se actualizan con frecuencia.

Repositorio de temas de WordPress

Ahora, a menos que sea un codificador experto o un desarrollador de temas, no es probable que pueda hurgar en el tema para evaluar su calidad. Sin embargo, puede usar dos cosas para ayudarlo a tomar esta decisi√≥n.

La primera son las opiniones de los usuarios. Est√°n disponibles en el repositorio de WordPress, as√≠ como en mercados tem√°ticos como ThemeForest. Obtenga un pu√Īado de rese√Īas y vea si alguien ha tenido problemas con el tema que ralentiza su sitio web. Si es as√≠, busque otro para usar.

Adem√°s, mira lo que viene con el tema. Por ejemplo, hay algunos temas premium que vienen repletos de plantillas, plugins, herramientas de creaci√≥n y plugins de terceros. Si no tiene un uso para ellos, no debe instalar un paquete de temas de ese tama√Īo en su servidor. Es una p√©rdida de espacio y una p√©rdida de recursos. Entonces, elija sabiamente.

# 11: Dise√Īo optimizado para dispositivos m√≥viles

En estos d√≠as, es casi imposible encontrar un tema de WordPress que no responda en dise√Īo. Dicho esto, todav√≠a tiene la responsabilidad de personalizar su sitio web con los usuarios de dispositivos m√≥viles de una manera que sea compatible con dispositivos m√≥viles.

Si vuelve a la herramienta de prueba de velocidad, ver√° que el mismo sitio web registrar√° puntajes diferentes para computadoras de escritorio y dispositivos m√≥viles. Esto se debe a que los dispositivos m√≥viles no pueden manejar los sitios web de la misma manera que las pantallas m√°s grandes de los escritorios.

Como tal, si desea asegurarse de que las velocidades sean altas en todos los dispositivos, deber√° crear un dise√Īo personalizado estrictamente para usuarios m√≥viles. Esto significa reducir los elementos o secciones de dise√Īo que son agradables pero no necesarios (como Popups o anuncios), reducir la cantidad de im√°genes utilizadas y acortar las p√°ginas.

Si bien no puede hacer esto solo con WordPress, puede hacerlo si usa una herramienta de creación de páginas.

Por ejemplo, aqu√≠ es donde Elementor ofrece a los dise√Īadores la opci√≥n de ocultar ciertos elementos a los usuarios m√≥viles:

Elementor Responsive

Adem√°s, los creadores de p√°ginas le brindan la posibilidad de probar sus dise√Īos en vistas previas m√≥viles:

Vista móvil de Elementor

Esto le da la oportunidad de probar el sitio web como usuario m√≥vil y ver si hay alguna parte de la p√°gina que no se carga r√°pidamente o si la longitud en s√≠ es demasiado para una pantalla tan peque√Īa.

# 12: Plugins de WordPress

Los plugins de WordPress son excelentes porque ayudan incluso al usuario menos conocedor de la tecnolog√≠a a crear funciones avanzadas en un sitio web. Pero los plugins sufren problemas de rendimiento similares a los temas, lo que puede dificultar su uso.

plugins de WordPress

Esto es lo que debe hacer para confirmar que sus plugins no afectar√°n la velocidad:

  1. Siempre revise las revisiones de cualquier plugin que desee utilizar. Nuevamente, si hay problemas de rendimiento conocidos, muchas personas ya habr√°n intervenido.
  2. Vea cu√°ntas personas han instalado el plugin. Si hay menos de 5000 usuarios, es posible que desee encontrar un reemplazo m√°s establecido. Esto no significa que no valga la pena probar los plugins m√°s nuevos. Sin embargo, es un gran riesgo si no sabe c√≥mo afecta el plugin al rendimiento del sitio.
  3. Utilice √ļnicamente los plugins que sea absolutamente necesario. Si alguno de ellos se superpone en t√©rminos de funcionalidad, elimine uno de ellos. Cuantos menos plugins haya instalado, mejor.
  4. Mire la lista de plugins prohibidos de su proveedor de hosting web. Aqu√≠ hay un fragmento de la lista de Kinsta:
plugins prohibidos de Kinsta

A veces, los plugins aparecen en estas listas porque el anfitrión sabe que el plugin es incorrecto o está desactualizado y no quieren que los usuarios sin saberlo contaminen su sitio web con él.

También hay algunos plugins que tienden a ser un gran drenaje para los sitios web debido a la cantidad de scripts externos que llaman (por ejemplo, los plugins para análisis externos o las redes sociales tienen problemas con esto).

Hay otras ocasiones en las que un plugin har√° exactamente lo mismo que hace su hosting web, lo que hace que el plugin sea innecesario.

Entonces, vea lo que dice su proveedor de hosting web si est√° indeciso acerca de un plugin.

# 13: software no utilizado

Programe tiempo en su calendario varias veces al a√Īo para revisar su lista de temas y plugins.

Lista de plugins de WordPress

¬ŅHay alguno que est√© instalado, pero no activado? A menos que tenga planes de usarlos ma√Īana, no deber√≠an estar ah√≠, ocupando espacio en su servidor.

Los plugins y temas inactivos tambi√©n requieren actualizaciones, al igual que los activos. Entonces, eso significa que si no los actualiza cuando hay una falla conocida de rendimiento o seguridad, podr√≠a estar poniendo su sitio en riesgo.

Para evitar que esto suceda, ingrese y elimine cualquier plugin o tema que no esté usando.

# 14: base de datos

Mientras estamos en el tema de la limpieza, su base de datos también podría necesitar una limpieza.

Cada vez que instala un nuevo plugin o tema, agrega un nuevo usuario, recibe un nuevo comentario, etc., su base de datos lo registra. Y cada uno de estos archivos se suma. Para evitar que su servidor web tenga que procesar todos y cada uno de estos, debe mantener sus archivos limpios.

Cuando trabaje en la limpieza programada de plugins y temas, t√≥mese un tiempo para esto tambi√©n. Todo lo que tiene que hacer es instalar un plugin de limpieza de base de datos como WP-Optimize.

WP-Optimizar

Revisar√° y limpiar√° los datos no utilizados o innecesarios mientras optimiza el resto de su base de datos para la velocidad.

# 15: archivos de contenido no utilizados

Otro lugar que necesitar√° una limpieza continua es su contenido:

  • Publicaciones
  • P√°ginas
  • Media
  • Comentarios
  • Proyectos
  • Categor√≠as
  • Etiquetas
  • Productos

¬ŅCu√°ndo fue la √ļltima vez que revis√≥ su contenido?

Eliminar contenido no utilizado

Puede haber borradores antiguos que nunca publicar√°. O contenido realmente antiguo y desactualizado que no tiene ning√ļn prop√≥sito en la actualidad. Los comentarios, las categor√≠as y las etiquetas pueden volverse especialmente complicados si no los vigila.

Los usuarios tambi√©n entran en esta categor√≠a. Revise su lista de usuarios y aseg√ļrese de que solo las personas que deber√≠an tener acceso al sitio todav√≠a lo tengan. El resto se puede eliminar.

# 16: Blog de WordPress

Al configurar una nueva instalaci√≥n de WordPress, hay una serie de configuraciones predeterminadas para la p√°gina donde muestra sus publicaciones (su blog o p√°gina de inicio). As√≠ es como WordPress lo configura para ti:

Configuración de lectura predeterminada

Si se deja como est√°, la p√°gina de publicaciones se volver√° excesivamente larga, ya que cada una de las 10 publicaciones deber√° cargarse por completo.

En su lugar, debe ajustar esta configuraci√≥n a una cantidad razonable. Un l√≠mite de 5 a 8 res√ļmenes de publicaciones funcionar√≠a bien.

# 17: Revisiones de publicaciones y p√°ginas

Cada vez que presiona el bot√≥n “Guardar” en una p√°gina o publicaci√≥n, se guarda una copia de la versi√≥n anterior en su servidor. Puede anular esta configuraci√≥n y poner un l√≠mite a la cantidad de revisiones que se guardan, pero requiere algo de codificaci√≥n en el archivo wp-config.php.

Si no se siente cómodo haciendo esto, puede usar el plugin de optimización de su base de datos (WP-Optimize o WP-Sweep) para limpiar el exceso de revisiones cada dos meses.

# 18: Comentarios

En general, los comentarios en WordPress no son discursos extensos. Sin embargo, no es realmente el tama√Īo de los comentarios lo que importa para el rendimiento. Es la cantidad de comentarios que recibe cada una de tus publicaciones.

De manera similar a cómo usa la Configuración de lectura para dividir las páginas de publicaciones largas, desea usar la Configuración de discusión para dividir las secciones de comentarios extensos:

Comentarios de WordPress

De forma predeterminada, WordPress dejar√° los tableros de comentarios abiertos durante 14 d√≠as y almacenar√° 50 comentarios en cada p√°gina. Eso es demasiado.

Actualice el período de tiempo para mantener bajo control los envíos de comentarios; esto también alentará a los lectores a comentar sobre temas que son oportunos en lugar de los que son antiguos y están fuera de circulación.

Reduzca el n√ļmero total de comentarios permitidos por p√°gina a 10.

Una √ļltima cosa que debe hacer aqu√≠ es deshabilitar los pingbacks y trackbacks. Estas son notificaciones que recibe cuando alguien comparte un enlace a su blog en su sitio web. Pueden parecer necesarios, pero solo agregan m√°s datos a su servidor. En su lugar, configure una alerta de Google si desea estar al tanto de qui√©n menciona su marca o sitio web.

# 19: Cambio de tama√Īo de la imagen

Las im√°genes son uno de los peores infractores cuando se trata de comprometer el rendimiento del sitio web. Pero no tienen por qu√© serlo.

Lo primero que debe hacer para tener sus im√°genes bajo control es cambiar su tama√Īo antes de subirlas a WordPress.

El cambio de tama√Īo de la imagen reducir√° las dimensiones de su imagen a una que se adapte mejor a su sitio web. De esa manera, si su sitio cambia autom√°ticamente el tama√Īo de las im√°genes a 150 px, 300 px y 1024 px de ancho, no desperdiciar√° energ√≠a del procesador al cambiar el tama√Īo.

Configuración de medios

Puede utilizar cualquier n√ļmero de herramientas para hacer esto. Su software de dise√Īo puede ayudar, aunque las herramientas gratuitas para cambiar el tama√Īo de la imagen funcionan igual de bien.

Cambiar el tama√Īo de la imagen

ResizeImage es una buena opci√≥n para probar. Tambi√©n le permite comprimir sus im√°genes y convertirlas a otros tipos de archivos.

# 20: Compresión de imagenes

La compresi√≥n de im√°genes, por otro lado, reduce el tama√Īo de los archivos de imagen. De esta manera, el servidor puede procesar y entregar la imagen de manera m√°s eficiente a las pantallas del navegador de sus visitantes.

Sin duda, puede ejecutar imágenes a través de una herramienta de compresión de imágenes online, pero hay varios plugins de optimización de imágenes para WordPress que lo automatizarán.

Aquí hay un ejemplo de lo que puede hacer el plugin gratuito Smush:

Smush

# 21: Carga diferida

Si alguna vez ha pasado tiempo mirando un mapa de calor o una grabaci√≥n de pantalla de su sitio web, es posible que se sorprenda de la poca gente que llega hasta el final de sus p√°ginas. Sin embargo, si tiene im√°genes en la parte inferior, su servidor a√ļn tardar√° en cargarlas, lo que puede terminar siendo una p√©rdida de recursos si nadie las ve.

Para eso es la carga diferida.

Esencialmente, su servidor deja de cargar todos los activos de imagen en el segundo que alguien llega a una p√°gina web. En cambio, solo los carga cuando el visitante se desplaza hacia esas partes de la p√°gina; as√≠, conservando sus recursos y acelerando los tiempos de carga.

El plugin WP-Optimize tiene una configuración que le permite activarlo.

# 22: Enlaces directos

Siempre es genial cuando a alguien le gusta tu sitio lo suficiente como para enlazarlo. Sin embargo, lo que no es tan bueno es cuando les gustan tanto tus im√°genes que deciden sacarlas directamente de tu servidor.

Para aclarar, esto no significa que alguien hizo clic con el bot√≥n derecho en una imagen de su sitio y la guard√≥ en su disco. O que tomaron una captura de pantalla. Esto significa que est√°n usando un enlace al archivo de imagen en su servidor para cargarlo en su propio sitio web. Por lo tanto, cada vez que alguien ve la p√°gina web donde vive esa imagen enlazada, su servidor tiene que hacer el trabajo de cargarla; no el de ellos.

Para evitar que esto suceda, desactive los enlaces de acceso directo con su plugin de seguridad.

# 23: videos y archivos de audio

Los recursos de video y audio tienden a ser mucho m√°s pesados ‚Äč‚Äčque las im√°genes. Aunque es posible que su sitio web no utilice tantos de ellos, a√ļn pueden causar problemas graves para la velocidad de su sitio si no los agrega a una p√°gina de manera inteligente.

A diferencia de las im√°genes que se pueden cargar como medios, todos los archivos de video y audio deben almacenarse en una unidad externa.

Una de las formas m√°s comunes de hacer esto es subir videos a YouTube o Vimeo e incrustarlos con un c√≥digo corto en la p√°gina. De esta manera, cuando se carga la p√°gina, su servidor no tiene que preocuparse por sacar ese activo de video. El servicio de almacenamiento de video hace todo el trabajo.

Con los builderes de Drag & Drop, incluido el nuevo editor Gutenberg de WordPress, todo lo que tiene que hacer es agregar un bloque para video o audio y luego proporcionar un enlace:

Elementor Video

# 24: AJAX Cart Fragments

Hay varias formas en las que nuestros plugins crean trabajo adicional para el servidor. Como ya se mencion√≥, los plugins como los an√°lisis y las redes sociales realizan solicitudes regulares a servicios externos, lo que requiere que su servidor trabaje repetidamente para procesar esas actualizaciones.

Lo mismo sucede cuando deja los AJAX Cart Fragments habilitados en WooCommerce.

WooCommerce AJAX

Cuando est√° habilitado, los usuarios ven inmediatamente su nuevo art√≠culo agregado al √≠cono del carrito en la esquina del sitio. Si bien es una buena caracter√≠stica tener, los sitios de ecommerce con mucha actividad y ventas pondr√°n sus servidores a toda marcha si los dejan encendidos.

En su lugar, apague los fragmentos del carrito AJAX y habilite la opci√≥n de redireccionamiento. De esta manera, sus compradores no se confundir√°n si el nuevo art√≠culo no aparece en el carrito. Ser√°n redirigidos a la p√°gina del carrito, donde podr√°n verlo por s√≠ mismos.

# 25: Datos de usuario

Ya sea que su sitio web recopile datos de usuario de pasarelas de ecommerce, formularios de contacto, herramientas de reserva u otra cosa, es una buena idea no almacenar esos datos de usuario en su sitio y servidor de WordPress.

Esto es cierto tanto para el aspecto del rendimiento como para la seguridad. Al mantener los datos del usuario en una ubicaci√≥n remota y segura, ahorrar√° espacio en su servidor y, al mismo tiempo, lo mantendr√° fuera de peligro si un pirata inform√°tico lograra entrar en su sitio.

# 26: seguridad

Hay otra forma en que la seguridad y el rendimiento se entrelazan.

Cuando hablo del almacenamiento en cach√© de Varnish, not√© c√≥mo funcionaba como proxy inverso. Los firewalls de seguridad funcionan de manera similar. Se sientan en la parte superior de un servidor y un sitio web, revisando las solicitudes de los visitantes a medida que ingresan. Si se detecta un pirata inform√°tico conocido o el cortafuegos sospecha que la intenci√≥n es maliciosa, impedir√° que el usuario acceda al servidor o sitio web.

Sus medidas de protección de fuerza bruta hacen algo similar, excepto que evitan que los usuarios malos ingresen a la página de inicio de sesión de su sitio web.

De cualquier manera, son este tipo de protecciones de seguridad las que reducen la cantidad de visitantes malos que no tocan su sitio. A medida que se reduce este tr√°fico malo, su servidor tiene m√°s poder para manejar a los buenos visitantes, lo que, a su vez, mejora su velocidad.

Reglas de velocidad

Puede parecer mucho trabajo adicional por hacer para optimizar la velocidad de un sitio de WordPress (especialmente despu√©s de dedicar todo ese tiempo a dise√Īarlo), pero no es tan malo como parece. Con un peque√Īo pu√Īado de herramientas, un servidor web confiable y un proceso repetible para la optimizaci√≥n del rendimiento de WordPress, deber√≠a poder implementar todas estas correcciones de velocidad del sitio en muy poco tiempo.