Nadie quiere esperar por un sitio web lento. Hemos trabajado duro para hacer de WPBeginner uno de los sitios web de WordPress más rápidos del planeta.
En el vertiginoso mundo digital de hoy en día, las páginas web de carga rápida son una necesidad. Mantienen la participación de los visitantes, mejoran las páginas vistas e incluso pueden ayudar con el SEO de WordPress.
Al ajustar el rendimiento de nuestros propios sitios y ofrecer un servicio profesional de optimización de la velocidad de los sitios, hemos aprendido las estrategias más eficaces para que los sitios web lentos sean rapidísimos.
En este artículo, compartiremos los consejos de optimización de velocidad de WordPress más útiles para aumentar el rendimiento de WordPress y acelerar su sitio web.
A diferencia de otros anuncios / catálogos / fichas de “X mejores plugins de caché para WordPress” o tutoriales genéricos de “X consejos para acelerar WordPress”, este artículo es una guía completa sobre la optimización del rendimiento de WordPress.
Intentamos cubrir todos los aspectos, desde por qué la velocidad es importante hasta qué ralentiza su sitio de WordPress y los pasos prácticos que puede seguir para mejorar la velocidad de su WordPress inmediatamente.
Para hacerlo más fácil, hemos creado una tabla de contenidos que le ayudará a navegar por nuestra guía definitiva para acelerar su sitio WordPress.
Índice
Aspectos básicos del rendimiento de WordPress
- Por qué la velocidad es importante para su sitio WordPress
- Cómo comprobar la velocidad de su sitio web en WordPress
- ¿Qué ralentiza su sitio web WordPress?
- Importancia de un buen alojamiento para WordPress
Acelerar WordPress en sencillos pasos (sin código)
Mejores prácticas para optimizar el rendimiento de WordPress
- Mantenga actualizado su sitio WordPress
- Optimizar los procesos en segundo plano
- Utilizar extractos en la página de inicio y en los archivos
- Dividir comentarios en páginas
- Utilice una red de distribución de contenidos (CDN)
- No suba archivos de audio o vídeo directamente a WordPress
- Utilice un tema optimizado para la velocidad
- Use plugins más rápidos
Mejora de la velocidad de WordPress (Avanzado)
- Dividir entradas largas en páginas
- Reducir las peticiones HTTP externas
- Reducir las llamadas a la base de datos
- Optimizar la base de datos de WordPress
- Limitar las revisiones de entradas
- Desactivar Hotlinking y Leeching de su contenido
- Utilice la carga diferida si es necesario
- Utilizar cortafuegos de sitios web a nivel de DNS
- Corregir errores HTTPS/SSL sin plugin
- Utilice la última versión de PHP
Por qué la velocidad es importante para su sitio WordPress
Los estudios demuestran que, entre 2000 y 2016, la capacidad media de atención humana se redujo de 12 a 8 segundos. Hoy en día, se sitúa en torno a los 8,25 segundos de media.
¿Qué significa esto para usted como propietario de un sitio web?
Esto significa que dispone de muy poco tiempo para mostrar a los usuarios su contenido y convencerles de que permanezcan en su sitio web de WordPress.
Un sitio web lento significa que los usuarios podrían abandonar la página incluso antes de que se cargue.
Según un estudio de caso de StrangeLoop en el que participaron Amazon, Google y otros sitios de mayor tamaño, un retraso de 1 segundo en el tiempo de carga de la página puede provocar una pérdida del 7% en las conversiones, un 11% menos de visitas a la página y una disminución del 16% en la satisfacción del cliente.
Por si fuera poco, Google y otros motores de búsqueda ya han empezado a penalizar los sitios web lentos haciéndolos descender en los resultados de búsqueda, lo que se traduce en un menor tráfico para los sitios web lentos.
Para resumir, si quieres más tráfico, suscriptores e ingresos de tu sitio web, entonces debes hacer tu sitio web WordPress ¡RÁPIDO!
Cómo comprobar la velocidad de su sitio web en WordPress
A menudo los principiantes piensan que su sitio web está bien sólo porque no se siente lento en su ordenador. Esto es un GRAN error.
Dado que visitas con frecuencia tu propio sitio web, los navegadores modernos como Chrome almacenan tu sitio web en la caché y lo precargan automáticamente en cuanto empiezas a escribir una dirección. Esto hace que tu sitio web se cargue casi al instante.
Sin embargo, un usuario normal que visita su sitio web por primera vez puede no tener la misma experiencia. De hecho, los usuarios de distintas ubicaciones geográficas tendrán una experiencia completamente diferente.
Por eso te recomendamos que compruebes la velocidad de tu sitio web con una herramienta como el test de velocidad de WordPress de IsItWP.
Es una herramienta en línea gratuita que le permite comprobar la velocidad de su sitio web.
Para más recomendaciones, puede consultar nuestra guía sobre cómo realizar correctamente una prueba de velocidad de un sitio web.
Después de realizar la prueba de velocidad de su sitio web, es posible que se pregunte a qué velocidad del sitio web debe aspirar.
Un buen tiempo de carga de una página es inferior a 2 segundos.
Sin embargo, cuanto más rápido, mejor. Unos pocos milisegundos de mejora aquí y allá pueden añadir un ahorro de medio segundo o incluso un segundo completo en el tiempo de carga.
¿Qué ralentiza su sitio web WordPress?
Es probable que el informe de su prueba de velocidad contenga múltiples recomendaciones de mejora. Sin embargo, la mayoría es jerga técnica difícil de entender para los principiantes.
Saber qué ralentiza su sitio web es la clave para mejorar el rendimiento y tomar decisiones más inteligentes a largo plazo.
Las principales causas de un sitio web WordPress lento son:
- Alojamiento web – Si su servidor de alojamiento web no está bien configurado, puede afectar a la velocidad de su sitio web.
- Configuración de WordPress – Si su sitio WordPress no está sirviendo páginas en caché, entonces sobrecargará su servidor y causará que su sitio web sea lento o se caiga por completo.
- Tamaño de la página – Las páginas se cargan lentamente si utilizas imágenes que no están optimizadas para la web.
- Plugins defectuosos – Si utiliza un plugin mal codificado, puede ralentizar considerablemente su sitio web.
- Scripts externos – Los scripts externos como anuncios, cargadores de fuentes, etc. también pueden tener un gran impacto en el rendimiento de su sitio web.
Ahora que ya sabe qué ralentiza su sitio web en WordPress, veamos cómo acelerar su sitio web en WordPress.
Consejo profesional: ¿Quieres reducir el número de plugins de tu sitio? Empieza a usar WPCode, un potente plugin de gestión de fragmentos de código para WordPress. Te ayudará fácilmente a reducir al menos 5 plugins.
Importancia de un buen alojamiento para WordPress
Su servicio de alojamiento WordPress juega un perfil importante en el rendimiento de su sitio web. Un buen proveedor de alojamiento compartido como Bluehost o SiteGround toma medidas adicionales para optimizar el rendimiento de su sitio web.
Sin embargo, en el alojamiento compartido, usted comparte los recursos del servidor con muchos otros clientes. Esto significa que si su sitio vecino recibe mucho tráfico, puede afectar al rendimiento de todo el servidor, lo que, a su vez, ralentizará su sitio web.
Por otro lado, utilizar un servicio de alojamiento gestionado de WordPress le ofrece las configuraciones de servidor más optimizadas para ejecutar WordPress. Las empresas de alojamiento gestionado de WordPress también ofrecen copias de seguridad automáticas, actualizaciones automáticas de WordPress y configuraciones de seguridad más avanzadas para proteger su sitio web.
Recomendamos WP Engine como nuestro proveedor preferido de alojamiento gestionado de WordPress. También es el proveedor más popular de la industria. (Vea nuestro cupón especial WP Engine).
Acelerar WordPress en pocos pasos (sin código)
Sabemos que hacer cambios en la configuración de su sitio web puede ser una idea aterradora para los principiantes, especialmente si usted no es un geek de la tecnología.
Pero no te preocupes, hay formas de afrontarlo.
Si no se siente cómodo haciendo cambios en su sitio por su cuenta, WPBeginner Pro Services ofrece un servicio asequible de Optimización de la Velocidad del Sitio que puede manejarlo por usted.
Nuestros expertos en WordPress le ayudarán a mejorar la velocidad y el rendimiento de su sitio en muy poco tiempo. El servicio Site Speed Optimization incluye configuración de caché, configuración de CDN, compresión de imágenes, lazy loading, informe de rendimiento antes y después, y mucho más.
Es una gran opción si no eres un experto en tecnología, no tienes tiempo para hacer las optimizaciones tú mismo o simplemente quieres estar totalmente tranquilo.
Sin embargo, hemos ayudado a miles de usuarios de WordPress a mejorar su rendimiento.
Por lo tanto, también le mostraremos cómo puede acelerar su sitio de WordPress con sólo unos clics (sin necesidad de codificación).
Si sabes apuntar y hacer clic, ¡puedes hacerlo!
Instalar un plugin de caché para WordPress
Las páginas de WordPress son dinámicas. Esto significa que se crean sobre la marcha cada vez que alguien visita una entrada o página de su sitio web.
Para construir sus páginas, WordPress tiene que ejecutar un proceso para encontrar la información obligatoria / requerida / necesaria, ponerlo todo junto, y luego mostrarlo a su usuario.
Este proceso implica muchos pasos, y puede ralentizar mucho tu sitio web cuando lo visitan varias personas a la vez.
Por eso recomendamos que todos los sitios de WordPress utilicen un plugin de almacenamiento en caché. El almacenamiento en caché puede hacer que tu sitio de WordPress sea entre 2 y 5 veces más rápido.
He aquí cómo funciona.
En lugar de pasar por todo el proceso de generación de la página cada vez, su plugin de caché hace una copia de la página después de la primera carga y luego sirve esa versión en caché a cada usuario posterior.
Como puede ver en el gráfico anterior, cuando un usuario visita su sitio WordPress, su servidor recupera información de una base de datos MySQL y de sus archivos PHP. A continuación, reúne todo en contenido HTML, que se sirve al usuario.
Es un proceso largo, pero puedes omitir gran parte de él si utilizas la memoria caché.
Hay un montón de buenos plugins de caché de WordPress disponibles, pero le recomendamos que utilice WP Rocket (premium) o WP Super Cache (gratis).
Comprueba nuestra guía paso a paso sobre cómo instalar y establecer WP Super Cache en tu sitio WordPress. No es difícil de establecer, y sus visitantes notarán la diferencia.
Además, muchas empresas de alojamiento de WordPress, como Bluehost y SiteGround, ofrecen soluciones de almacenamiento en caché.
Optimizador SG de SiteGround
Si estás usando SiteGround, entonces tu sitio WordPress vendrá preinstalado con su SG Optimizer. Este plugin tiene todas las potentes características que obtendrías con un plugin premium de caché de WordPress como WP Rocket.
Lo mejor es que está especialmente optimizado para los servidores Google Cloud de SiteGround para ofrecerte unos resultados de rendimiento superiores.
Aparte de la caché, también dispone de otros ajustes de rendimiento, conversión de imágenes WebP en WordPress, optimización de bases de datos, minimización de CSS, compresión GZIP, etc.
También tiene características de caché dinámico para ayudarle a acelerar su sitio web de comercio electrónico.
Almacenamiento en caché de Bluehost
Si utiliza Bluehost, puede ir a la sección Sitios web ” Velocidad para establecer los ajustes de almacenamiento en caché.
Si está utilizando un proveedor de alojamiento gestionado de WordPress, entonces usted no necesita un plugin de almacenamiento en caché, ya que está integrado y activado por defecto.
Bonificación: Puede combinar plugins de almacenamiento en caché con un cortafuegos de aplicaciones web como CloudFlare o Sucuri para aumentar al máximo el rendimiento.
Optimizar la velocidad de las imágenes
Las imágenes dan vida al contenido y contribuyen a aumentar la participación. Los investigadores han descubierto que el uso de imágenes en color hace que sea un 80% más probable que la gente lea tu contenido.
Sin embargo, si tus imágenes no están optimizadas, podrían estar perjudicando más que ayudando. De hecho, las imágenes no optimizadas son uno de los problemas de velocidad más comunes que vemos en los sitios web de principiantes.
Antes de subir una foto directamente desde tu teléfono o cámara, te recomendamos que utilices un programa de edición de fotos para optimizar tus imágenes para la web.
En sus formatos originales, estas fotos pueden tener tamaños de archivo enormes. Pero según el formato del archivo de imagen y la compresión que elijas en tu programa de edición, puedes reducir el tamaño de la imagen hasta 5 veces.
En WPBeginner, solo usamos dos formatos de imagen: JPEG y PNG.
Ahora se preguntará: ¿cuál es la diferencia?
El formato de imagen PNG no está comprimido. Al comprimir una imagen se pierde algo de información, por lo que una imagen sin comprimir será de mayor calidad y tendrá más detalles. El inconveniente es que es un archivo de mayor tamaño, por lo que tarda más en cargarse.
JPEG, por su parte, es un formato de archivo comprimido que reduce ligeramente la calidad de la imagen, pero su tamaño es significativamente menor.
¿Cómo decidir qué formato de imagen elegir?
- Si nuestra foto o imagen tiene muchos colores diferentes, entonces utilizaremos JPEG.
- Si es una imagen más sencilla o necesitamos una imagen transparente, entonces utilizamos PNG.
A continuación se muestra una tabla comparativa de los tamaños de archivo obtenidos con distintas herramientas de compresión en una imagen concreta.
Como puede ver en el gráfico, el formato de imagen que utilice puede suponer una GRAN diferencia en el tamaño del archivo, y esto afectará al rendimiento de su sitio web.
Si quieres saber exactamente cómo optimizar tus imágenes con Photoshop y otras herramientas de edición populares, sin sacrificar la calidad, consulta nuestra guía práctica sobre cómo optimizar imágenes para el rendimiento web sin perder calidad.
Mejores prácticas para optimizar el rendimiento de WordPress
Después de instalar un plugin de caché y optimizar tus imágenes, notarás que tu sitio empezará a cargarse mucho más rápido.
Pero si de verdad quiere que su sitio web sea lo más rápido posible, tendrá que utilizar las mejores prácticas que se indican a continuación.
Estos consejos no son demasiado técnicos, así que no necesitas saber nada de código para ponerlos en práctica. Pero si los usas, evitarás problemas comunes que ralentizarán tu sitio web.
Mantenga actualizado su sitio WordPress
WordPress es un proyecto de código abierto que se actualiza con frecuencia. Cada actualización no solo ofrecerá nuevas características, sino que también corregirá problemas de seguridad y fallos. Es posible que el tema y los plugins de WordPress también se actualicen con regularidad.
Como propietario de un sitio web, es su responsabilidad mantener su sitio, tema y plugins de WordPress actualizados a las últimas versiones. No hacerlo puede hacer que su sitio lento y poco fiable, y te hacen vulnerable a las amenazas de seguridad.
Para más detalles sobre la importancia de las actualizaciones, consulte nuestro artículo sobre por qué debe utilizar siempre la última versión de WordPress.
Optimizar los procesos en segundo plano
Los procesos en segundo plano en WordPress son tareas programadas que se ejecutan en segundo plano en su sitio WordPress. Los siguientes son algunos ejemplos de tareas en segundo plano que se ejecutan en un sitio de WordPress:
- Tareas del plugin de copia de seguridad de WordPress
- WordPress cron jobs para publicar entradas programadas
- WordPress cron jobs para comprobar actualizaciones
- Motores de búsqueda y otros rastreadores que intentan obtener contenidos
Tareas como los cron jobs para entradas y actualizaciones programadas tienen un impacto mínimo en el rendimiento del sitio web.
Sin embargo, otros procesos en segundo plano, como los plugins de copia de seguridad y el rastreo excesivo por parte de los motores de búsqueda, pueden ralentizar un sitio web.
Debe asegurarse de que su plugin de copia de seguridad de WordPress solo se ejecute durante las horas de poco tráfico en su sitio web. También es necesario ajustar la frecuencia de las copias de seguridad y los datos que necesitan ser respaldados.
Por ejemplo, si estás creando una copia de seguridad diaria completa mientras que solo publicas contenido nuevo dos veces por semana, entonces tienes que ajustarlo.
Si desea realizar copias de seguridad más frecuentes, como copias de seguridad en tiempo real, le recomendamos que utilice una solución SaaS como BlogVault para no gravar su servidor.
En cuanto al rastreo, es necesario que vigile los informes de rastreo en Google Search Console. Los rastreos frecuentes que provocan errores pueden hacer que su sitio web se ralentice o deje de responder.
Consulta nuestra guía completa de Google Search Console para aprender a ajustar la tasa / puntuación.
Utilizar extractos en la página de inicio y en los archivos
Por defecto, WordPress muestra el contenido completo de cada artículo en su página de inicio y archivos. Esto significa que su página de inicio, categorías, etiquetas y otras páginas de archivo se cargarán más lentamente.
Otra desventaja de mostrar artículos completos en estas páginas es que los usuarios no sienten la necesidad de visitar el artículo real. Esto puede reducir las páginas vistas y el tiempo que los usuarios pasan en el sitio.
Para acelerar los tiempos de carga de las páginas de archivo, puede establecer que su sitio muestre extractos en lugar del contenido completo.
Puede ir a Ajustes ” Lectura y seleccionar “Extracto” en lugar de “Texto completo” acerca de lo que debe mostrarse para cada artículo de un feed.
Para más detalles sobre los pros y los contras de mostrar resúmenes, consulte nuestro artículo sobre entrada completa frente a resumen (extracto) en sus páginas de archivo de WordPress.
Dividir comentarios en páginas
¿Recibes muchos comentarios en las entradas de tu blog? ¡Enhorabuena! Es un buen indicador de la participación de su público.
Pero el inconveniente es que cargar todos esos comentarios puede afectar a la velocidad de tu sitio.
WordPress viene con una solución integrada para ello. Simplemente vaya a Ajustes ” Discusión y marque la casilla siguiente a la opción ‘Dividir comentarios en páginas’.
Para obtener instrucciones más detalladas, consulte nuestra guía sobre cómo paginar comentarios en WordPress.
Utilice una red de distribución de contenidos (CDN)
¿Recuerda que antes mencionamos que los usuarios de diferentes ubicaciones geográficas pueden experimentar tiempos de carga diferentes en su sitio?
Esto se debe a que la ubicación de los servidores de alojamiento web puede influir en la velocidad de su sitio.
Por ejemplo, supongamos que su empresa de alojamiento web tiene los servidores en Estados Unidos. Un visitante que también esté en Estados Unidos verá, por lo general, tiempos de carga más rápidos que un visitante de la India.
El uso de una red de distribución de contenidos (CDN) puede ayudar a acelerar los tiempos de carga para todos sus visitantes.
Una CDN es una red de servidores repartidos por todo el mundo. Cada servidor almacena los archivos estáticos que componen su sitio web.
Estos archivos estáticos incluyen archivos que no cambian, como imágenes, CSS y JavaScript, a diferencia de las páginas de WordPress, que son dinámicas, como se ha explicado anteriormente.
Cuando utiliza una CDN, cada vez que un usuario visita su sitio web se le sirven los archivos estáticos desde el servidor más cercano. Su propio servidor de alojamiento web también será más rápido, ya que la CDN realiza gran parte del trabajo.
Puede ver cómo funciona en esta infografía.
Recomendamos usar Sucuri, Bunny CDN, o Cloudflare (gratis).
Una CDN funciona bien con sitios web de WordPress y complementa los plugins de caché de WordPress existentes para lograr tiempos de carga aún más rápidos.
No suba archivos de audio o vídeo directamente a WordPress
Puedes subir directamente archivos de audio y vídeo a tu sitio de WordPress, y los mostrará automáticamente en un reproductor HTML5…
¡Pero no deberías hacerlo NUNCA!
El alojamiento de audio y vídeo le costará ancho de banda. La empresa de alojamiento puede cobrarte cuotas por exceso o incluso cerrarte el sitio, aunque tu plan incluya ancho de banda “ilimitado”.
El alojamiento de grandes archivos de medios también aumenta enormemente el tamaño de las copias de seguridad y dificulta la restauración de WordPress a partir de una copia de seguridad.
En su lugar, deberías utilizar un servicio de alojamiento de audio y vídeo como YouTube, Vimeo, DailyMotion o SoundCloud, y dejar que ellos se encarguen del trabajo duro. Tienen el ancho de banda necesario.
WordPress tiene una característica incorporada para incrustar vídeos, por lo que puedes copiar y pegar la URL de tu vídeo directamente en tu entrada y se incrustará automáticamente.
Descubra más detalles sobre cómo funciona en nuestra guía sobre cómo incrustar vídeos en WordPress.
Si está creando un sitio web de podcasts con WordPress, le recomendamos el servicio de alojamiento de podcasts Blubrry para obtener el mejor rendimiento.
Utilice un tema optimizado para la velocidad
Al elegir un tema para tu sitio web, es importante prestar especial atención a la optimización de la velocidad. Algunos temas bonitos e impresionantes están mal codificados y pueden ralentizar mucho tu sitio.
Por lo general, es mejor elegir un tema sencillo que un tema repleto de estructuras / disposiciones / animaciones llamativas y otras características innecesarias. Siempre puedes añadir esas características utilizando plugins de WordPress de calidad.
Las tiendas de temas premium para WordPress, como StudioPress, Themify, CSSIgniter y Astra, ofrecen temas bien codificados y optimizados para la velocidad. También puedes marcar / comprobar nuestro artículo sobre la selección del tema de WordPress perfecto para obtener consejos sobre qué buscar.
Antes de activar su nuevo tema, consulte nuestra guía sobre cómo cambiar correctamente su tema de WordPress para una transición sin problemas.
Utilice plugins más rápidos
Los plugins de WordPress mal codificados suelen añadir mucha carga, tanto si su sitio realmente necesita el plugin como si no. Esto aumenta la velocidad de carga de la página y ralentiza el sitio.
Para ayudarte a elegir los mejores plugins, a menudo publicamos nuestras selecciones de expertos de los mejores escaparates de plugins para WordPress. Prestamos especial atención a la facilidad de uso, la experiencia del usuario y, lo más importante, el rendimiento.
Las siguientes son algunas de nuestras mejores selecciones para las categorías de plugins de WordPress más comunes:
- WPForms – El plugin de formularios de contacto más rápido y fácil de usar para WordPress.
- All in One SEO – Potente WordPress SEO plugin que hace hincapié en el rendimiento del sitio web para ayudarle a obtener mejores posiciones SEO.
- MonsterInsights – El mejor plugin de Google Analytics para WordPress que no ralentiza su sitio. Incluso incluye opciones para cargar gtag.js localmente para acelerar sus puntuaciones de Google Core Web Vitals.
- Novashare – Muchos plugins de redes sociales cargan scripts adicionales y no con tanta gracia. Novashare es uno de los plugins de redes sociales más rápidos para WordPress.
- SeedProd – Un plugin de arrastrar y soltar para páginas de destino de WordPress que te ayuda a crear páginas de destino rapidísimas e incluso a diseñar un tema entero desde cero.
Además de nuestras recomendaciones, también puedes realizar tus propias pruebas. Basta con realizar pruebas de velocidad antes y después de instalar un plugin para comparar su impacto en el rendimiento.
Para obtener más información, consulte nuestra guía sobre cómo realizar una prueba de velocidad de WordPress.
Mejora de la velocidad de WordPress (Avanzado)
Utilizando las mejores prácticas de optimización de WordPress y los consejos básicos de velocidad indicados anteriormente, debería ver una gran mejora en los tiempos de carga de su sitio.
Pero cada fracción de segundo cuenta. Si quieres conseguir la mayor velocidad posible, tendrás que hacer algunos cambios más.
Los siguientes consejos son un poco más técnicos, y algunos requieren que modifique los archivos de su sitio o que tenga conocimientos básicos de PHP.
También querrás asegurarte de hacer primero una copia de seguridad de tu sitio por si acaso.
Dividir entradas largas en páginas
A los lectores les gustan las entradas de blog más largas y profundas. Además, las entradas más largas suelen aparecer mejor posicionadas en los motores de búsqueda.
Pero si publica artículos largos con muchas imágenes, éstas podrían estar perjudicando los tiempos de carga de su página.
En su lugar, considere la posibilidad de dividir las entradas más largas en varias páginas.
WordPress viene con una funcionalidad incorporada para hacer eso. Sólo tiene que añadir un bloque de salto de página en el artículo donde desee iniciar una nueva página.
Para obtener instrucciones más detalladas, consulte nuestro tutorial sobre paginación de entradas: cómo dividir entradas de WordPress en varias páginas.
Reducir las peticiones HTTP externas
Muchos plugins y temas de WordPress cargan todo tipo de archivos de otros sitios web. Estos archivos pueden incluir scripts, hojas de estilos e imágenes de recursos externos como Google, Facebook, servicios de análisis, etc.
Está bien utilizar algunos de ellos. Muchos de estos archivos están optimizados para cargarse lo más rápido posible, por lo que es más rápido que alojarlos en tu propio sitio web.
Pero si sus plugins están haciendo muchas de estas peticiones, entonces podría ralentizar su sitio web significativamente.
Puedes reducir todas estas peticiones HTTP externas desactivando scripts y estilos o fusionándolos en un solo archivo. Aquí tienes un tutorial sobre cómo desactivar los archivos CSS y JavaScript de tus plugins.
Reducir las llamadas a la base de datos
Desafortunadamente, hay muchos temas de WordPress mal codificados por ahí. Ignoran las prácticas estándar de WordPress y acaban haciendo llamadas directas a la base de datos, o demasiadas peticiones innecesarias a la base de datos.
Esto puede ralentizar su servidor al darle demasiado trabajo.
Incluso los temas bien codificados pueden tener código que hace llamadas a la base de datos sólo para obtener la información básica de tu blog.
Nota: Este paso es un poco más técnico y requerirá conocimientos básicos de PHP y archivos de plantilla de WordPress.
En este ejemplo, cada vez que veas <?php
, es el inicio de una nueva llamada a la base de datos:
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php language_attributes(); ?>">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>
charset=<?php bloginfo('charset'); ?>" />
No se puede culpar a los desarrolladores de temas por ello. Simplemente no tienen otra forma de averiguar en qué idioma está tu sitio.
Pero si usted está personalizando su sitio usando un tema hijo, entonces usted puede reemplazar estas llamadas a la base de datos con información específica en su lugar. Esto reducirá todas esas llamadas a la base de datos.
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Puedes reseña / valoración tu tema padre para instancias como esta que pueden ser fácilmente reemplazadas con información estática.
Optimizar la base de datos de WordPress
Después de usar WordPress durante un tiempo, su base de datos tendrá mucha información que probablemente ya no necesite. Para mejorar el rendimiento, puedes optimizar tu base de datos para deshacerte de toda esa información innecesaria.
Esto se puede gestionar fácilmente con el plugin WP-Sweep o el plugin WP-Optimize. Ambas herramientas te permiten limpiar tu base de datos de WordPress borrando cosas como papelera de entradas, revisiones, etiquetas sin usar, etc. Estos plugins también optimizarán la estructura de tu base de datos con sólo un clic.
Consulte nuestra guía sobre cómo optimizar la base de datos de WordPress para mejorar el rendimiento.
Limitar las revisiones de entradas
Las revisionesde entradas ocupan espacio en la base de datos de WordPress. Algunos usuarios creen que las revisiones también pueden afectar a algunas consultas de base de datos ejecutadas por plugins. Si el plugin no excluye específicamente las revisiones de entradas, podría ralentizar tu sitio al buscar en ellas innecesariamente.
Puede limitar fácilmente el número de revisiones que WordPress guarda para cada artículo. Simplemente añade esta línea de código a tu archivo wp-config.php:
define( 'WP_POST_REVISIONS', 4 );
Este código limitará a WordPress para que solo guarde las últimas 4 revisiones de cada entrada o página, y descartará automáticamente las revisiones más antiguas.
Desactiva el Hotlinking y la lixiviación de tus contenidos
Si está creando contenido de calidad en su sitio de WordPress, la triste verdad es que probablemente se lo robarán tarde o temprano.
Una de las formas en que esto ocurre es cuando otros sitios web sirven tus imágenes directamente desde sus URL en tu sitio web, en lugar de subirlas a sus propios servidores. De hecho, están robando el ancho de banda de tu alojamiento web, y tú no obtienes ningún tráfico a cambio.
Simplemente añada este código a su archivo .htaccess para bloquear el hotlinking de imágenes desde su sitio:
#disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?wpbeginner.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
No olvides cambiar wpbeginner.com por tu propio dominio.
También puede comprobar nuestro artículo sobre cómo evitar el robo de imágenes en WordPress.
Algunos sitios web de scraping de contenidos crean automáticamente entradas robando el contenido de tu feed RSS. Puede marcar / comprobar nuestra guía sobre cómo evitar el scraping de contenidos de blog en WordPress para saber cómo hacer frente al robo automático de contenidos.
Utilice la carga diferida si es necesario
Si añade muchas imágenes, varios vídeos incrustados y galerías de fotos a las entradas de su blog, su sitio puede beneficiarse de la carga diferida.
En lugar de cargar todas tus imágenes y vídeos a la vez, la carga diferida descarga solo aquellos que serán visibles en la pantalla del usuario. Sustituye todas las demás imágenes y vídeos incrustados por una imagen de marcador de posición.
A medida que el usuario se desplaza hacia abajo, su sitio web carga imágenes que ahora son visibles en el área de visualización del navegador. Puede diferir la carga de imágenes, vídeos e incluso comentarios y gravatares de WordPress.
Puede obtener más información en nuestra guía sobre cómo realizar fácilmente la carga diferida de imágenes en WordPress, donde explicamos cómo hacerlo utilizando los plugins WP Rocket y Optimole.
Para los comentarios de WordPress, consulte nuestra guía sobre cómo realizar la carga diferida de comentarios en WordPress.
Utilizar cortafuegos de sitios web a nivel de DNS
Un plugin cortafuegos para WordPress le ayuda a bloquear ataques de fuerza bruta, intentos de pirateo y malware. Sin embargo, no todos los plugins cortafuegos son iguales.
Algunos de ellos se ejecutan en su sitio web, lo que significa que los atacantes ya son capaces de llegar a su servidor web antes de ser bloqueados. Esto sigue siendo eficaz para la seguridad, pero no es óptimo para el rendimiento.
Por eso recomendamos usar un cortafuegos a nivel de DNS como Cloudflare o Sucuri. Estos cortafuegos bloquean las peticiones malintencionadas incluso antes de que lleguen a tu sitio web.
Corregir errores HTTPS/SSL sin plugin
Si está cambiando su sitio a HTTPS/SSL, es probable que se encuentre con errores de contenido mixto.
La forma más fácil de corregir esto es instalando un plugin como Really Simple SSL. Sin embargo, el problema es que este plugin captura primero todas las URL y luego las cambia a HTTPS antes de enviarlas a los navegadores / exploradores de los usuarios.
Esto tiene un pequeño pero notable impacto en el rendimiento. Puede reducirlo corrigiendo manualmente todas las URL. Para más detalles, consulte nuestro artículo sobre cómo corregir problemas comunes de SSL en WordPress.
Utilice la última versión de PHP
WordPress está escrito principalmente en el idioma de programación PHP. Es un idioma del lado del servidor, lo que significa que se instala y se ejecuta en el servidor de alojamiento.
Todas las buenas empresas de alojamiento de WordPress utilizan la versión más estable de PHP en sus servidores. Sin embargo, su empresa de alojamiento puede estar ejecutando una versión de PHP ligeramente más antigua.
El nuevo PHP 8.3 es un 42% más rápido que sus predecesores. Es un enorme aumento del rendimiento que su sitio web debe aprovechar.
Puede ver qué versión de PHP utiliza su sitio utilizando el plugin Version Info.
Una vez activado, el plugin mostrará su versión de PHP en la zona del pie de página de su escritorio de administrador de WordPress.
Si su sitio web utiliza una versión inferior a PHP 7, pida a su proveedor de alojamiento que lo actualice por usted. Si no se ha podido, entonces es el momento de encontrar una nueva empresa de alojamiento de WordPress.
Ya está. Esperamos que este artículo te haya ayudado a aprender cómo mejorar la velocidad y el rendimiento de WordPress.
Anímese y pruebe estas técnicas. No olvides probar la velocidad de tu sitio web antes y después de implementar estas buenas prácticas. Te sorprenderá que estos cambios aumenten el rendimiento de tu WordPress.
¿Quieres un informe de rendimiento de WordPress personalizado? En WPBeginner Pro Services, puedes obtener un informe de rendimiento completo para descubrir formas de hacer que tu sitio de WordPress cargue más rápido y mejorar la experiencia del usuario. Simplemente elige el servicio a través de nuestro catálogo de Soporte WordPress y nos pondremos manos a la obra. Solicite soporte para WordPress hoy mismo.
Puede que también quieras ver nuestra guía definitiva sobre SEO en WordPress para mejorar tu posicionamiento SEO, y nuestra selección experta de los mejores servicios telefónicos para pequeñas empresas.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Kushal Phalak
Can you give any advice to reduce DOM elements? I tested my website’s performance on google pagespeed insights and it suggested to reduce DOM elements. But my website is pretty minimal, and I don’t know from where the extra DOM elements are coming from.
WPBeginner Support
Your DOM size would normally be determined by your theme or page builder as that is from your theme’s HTML.
Administrador
Ralph
An excessive DOM size isn’t much fun to sort out.
The easiest way to think of DOM elements is “things put on the page”. These are either things that you’ve put on the page, or they’re things that your page builder (some drag and drop editors add a lot of DOM elements) has put on the page.
Based on what you mentioned about your site being fairly minimal it doesn’t sound like you’ve put a lot of elements on your pages when building them, so I’d guess you’re using a page builder that adds a lot of DOM elements. A really quick (yet slightly vague) way of checking might be to do something like visit a page on your site, right click, view source, ctrl+f (find on page) then search for the name of your page builder. If a lot of mentions are found, then it’s probably the page builder contributing to the excessive DOM size.
If you establish what it is that’s adding lots of DOM elements to your site, you have some direction to take to address this issue.
Some page builders have options that can help reduce the DOM size (you’d have to check), but some don’t, and if they don’t, you’re then left with little choice but to rebuild your site using a different page builder. This can be quite a job. Setting up a staging site, then using Wordpress’ export/import tool to clone content to the staging site will cut down on the amount of work you have to do, but you’ll most likely still have to check and possibly rework pages using something like the blocks editor (rather than another drag and drop page builder).
This probably sounds like an epic amount of hassle, but if you do this, then it will do more than just improve page load times, and stop pagespeed insights complaining about DOM size.
By reducing the DOM size you’ll also end up with an improved text to code ratio. This is because you’re reducing the amount of page code, but leaving the human readable words the same. The human readable words then make up a greater percentage of each page. This can have a positive impact on SEO, as well as improving page performance from the perspective of human visitors, so it is worth working out and making an effort to address.
Ayanda Temitayo
i just want to add to it that one of the best ways to check your website speed is to use Google pagespeed Insight or GtMetrix. This are good tools that will tell you about your website speed score and how you can optimize speed.
Thanks for this awesome article. Very Insightful.
Harshvardhan kadam
It really Helped Me , I am getting several time database error on my site ,but after that as you said in post I installed wp-optimize plugin and cleaned the database.now it much better not getting database errors and also my site site speed up little bit so that’s nice!
WPBeginner Support
Glad our recommendations were able to help!
Administrador
Anuoluwapo Olabode Oludare
A fast loading website is a website developer and also a customer’s dream. I’ve used several speed optimization plugins to make my website load faster and so far. I’ve tried Nitropack, WP Rocket, Litespeed Server Cache, WP Fastest Cache, W3 Total Cache, Seraphinite and so on.
I believe the best is Seraphinite because it beats all the others I’ve tested and my website is an heavy one, built with Elementor. I really recommend using a webp image converter like Converter for Media plugin as it’ll help convert your images and get your website loading faster too.
WPBeginner Support
Thank you for sharing which plugin worked for you and your needs
Administrador
Moinuddin Waheed
I have used wp rocket for caching and found it to very useful in terms of making the website load faster.
The interesting thing that I found in this article is to disable css and js for external http requests as it may slowdown the website speed.
we do install many plugins for functionality and never knew what resources burden they can cause to our websites.
I have a query, if we disable js and css from loading, will still they be working as intended?
or how would we know which to disable and which not to?
WPBeginner Support
For the moment the only way to know would be to test as there is no guarantee either way on what specific way it would work or if it would have a problem.
Administrador
Peter Iriogbe
I’m writing this comment to ask a question regarding what you mentioned that could be affecting the slow loading of a website – which you mentioned “outdated PHP version”. Is it the site owner that would need to update the PHP version of the WordPress site on the open-source developers? I’m confused
WPBeginner Support
The site owner would need to update the PHP version or reach out to their hosting provider to update the PHP version. When doing an update of that it is important to make sure you have proper backups should there be any trouble during the update.
Administrador
mohadese esmaeeli
The webp image format is much lighter than png images, but the challenge is that they are not easily downloadable. If a user encounters images from our site in a Google search, it can be somewhat inconvenient. Nevertheless, what is your opinion? Which standard is more reliable and user-friendly?
WPBeginner Support
For the moment we do not have a definitive on what is best.
Administrador
Jiří Vaněk
Although the webp format is not too much to download, there are many online tools for converting from png or jpeg to webp. That’s how I do it. I download the png, convert it to webp and then upload the finished webp image to the website.
Moinuddin Waheed
fast loading of websites not only helps in good user experience but in turns help reduce bounce rate and retain visitors for a long time.
I am implementing the steps for making the websites ultra fast and good performance.
But even after doing many of these steps, at times it feels like something is missing may be it is due to shared hosting plan.
what is the appropriate time when we must plan to upgrade to business or managed wordpress hosting?
WPBeginner Support
There are multiple things to consider, for a starting point we would recommend taking a look at our article below:
https://www.wpbeginner.com/beginners-guide/when-should-you-change-your-wordpress-web-hosting-top-7-key-indicators/
Administrador
Jiří Vaněk
I would like to ask about the prohibition of hotlinking on the website. Webp images are missing in your example. Is it possible to ban images in webp format in this way?
WPBeginner Support
To add WebP to the hotlink protection you would add |webp to the list of file types to include it
Administrador
Jiří Vaněk
I tried that and it just didn’t work. However, I’ve already found out why it’s not working. This is due to CDN CloudFlare serving images from their network and not from my VPS. Unfortunately, there is probably no solution for this, because although they provide protection against hotlinking, it still does not include protection for the webp format. That’s a big shame these days, because as I found out, I have a lot of stolen images on the Internet. According to Semrush, I looked up those sites but can’t do anything about it.
mohadese esmaeeli
hi. We had some redirects that got stuck in a loop, causing the site to hang. For example, page A redirected to B, then B to C, and finally, C back to A. Resolving such redirect loops improved site performance and Some links were still loading with the http protocol, requiring redirects. However, after reinstalling the SSL certificate once, the SSL issue was resolved, and no more redirects were needed.
After completing the research, the site speed unbelievably improved from 5 seconds to 1 second.
Moinuddin Waheed
I got new insights from this bookmarked page that I thought I would visit to ensure implementing these tips to improve my website performance.
I used to upload video on my website directly through media files which caused it to slow down.
When uploading videos from YouTube, does it make any difference in terms of performance and speed for unlisted YouTube videos and listed videos because often I have seen advise of embedding unlisted videos?
WPBeginner Support
Unless we hear otherwise, there is no performance benefit for embedding an unlisted video.
Administrador
Jiří Vaněk
Videos on youtube are on very fast servers that can handle millions of visits per hour in 4k resolution. It doesn’t really matter if the video is public or private. YouTube will never generate such a large load to slow it down.
THANKGOD JONATHAN
Really interesting article.
I have learn that website speed is very important for SEO and UX.
But today I get aome new insights: Split comments into pages and don’t upload madias directly to Wordpress.
Moinuddin Waheed
Website speed is one of the important factor for Google to rank in its search engine. Moreover most visitors left the website and not wait if it gets loaded slow.
This is one of those guides which needs to be bookmarked to get back to it and ensure that I have implemented it to my blog posts.
Thanks wpbeginner for this helpful guide.
Ahmed Omar
Really a wonderful post.
my site hosted on siteground and my first time to know about SiteGround SG Optimizer
really thank you
but how I can test my site for performance speed?
WPBeginner Support
You can see our guide below for how to test your site’s speed.
https://www.wpbeginner.com/beginners-guide/how-to-properly-run-a-website-speed-test-best-tools/
Administrador