Cómo acelerar su sitio de WordPress

En gran medida, hemos escrito sobre la impacto de la velocidad sobre el comportamiento de sus usuarios. Y, por supuesto, si hay un impacto en el comportamiento del usuario, hay un impacto en la optimización del motor de búsqueda. La mayoría de la gente no se da cuenta de la cantidad de factores implica escribir en una página web y hacer que esa página se cargue por usted.

Por el contrario, si dedicas horas todas las semanas a desarrollar contenido, intentar ahorrar unos cuantos dólares en tu infraestructura no tiene ningún sentido. Es como escribir una entrada de blog y meterla en una botella en lugar de asegurar su entrega. Sitios web lentos perjudicar el negocio.

Si bien WordPress ejecuta cientos de millones de sitios web, queja principal de muchos que abandonan el sistema de gestión de contenidos (CMS) es la velocidad del sitio lista para usar. si te cargas WordPress en una plataforma de alojamiento barata, agregue un tema gratuito que esté mal escrito y agregue una tonelada de complementos... es probable que tenga problemas de velocidad.

¿Cómo funciona WordPress?

Al igual que la mayoría de las plataformas CMS, WordPress es una interfaz para los usuarios, un back-end para administrar y editar y agregar contenido fácilmente, y almacenar dicho contenido en una base de datos. Cuando un usuario solicita su página web, estos son los pasos esenciales que se deben seguir para generar la página:

1. Dominio:El dominio que utiliza se busca en un servidor de nombres de dominio y se enruta a su host.
2. Maestro:Luego, su dominio se busca en su host y se resuelve en su sitio de WordPress.
3. WordPress:WordPress carga la configuración inicial.
4. Permalink:El slug de enlace permanente en tu URL se busca en su base de datos y se resuelve en un ID de publicación donde se buscan y resuelven el contenido principal y cualquier metadato adicional de la publicación.
5. HTML:Su servidor web (normalmente LAMPARA) ensambla la página usando PHP desde su tema.
6. Archivos:Los archivos adicionales, como imágenes, scripts, fuentes y hojas de estilo, se cargan desde el sitio o desde un sitio de terceros.
7. CSS:Su HTML está diseñado utilizando hojas de estilo en cascada.
8. JavaScript:Se carga el código del lado del cliente para que su navegador cargue interacción adicional con el contenido.

¡Tu página ya está cargada!

¿Qué ralentiza WordPress?

• HostingLa memoria, la potencia de cálculo (CPULa velocidad de procesamiento y el ancho de banda disponible en tu proveedor de hosting determinan la rapidez con la que el servidor web puede interpretar el código, ensamblar y mostrar tu página. Si llevas años con el mismo hosting, es probable que estés utilizando hardware obsoleto y que sea hora de migrar a un entorno más rápido y moderno.
• NetworkSi diriges un negocio en Indianápolis pero tu servidor está alojado en Las Vegas, incluso con infraestructura de fibra, cada milla añade latencia. Para solucionar esto, las empresas implementan redes de entrega de contenido (CDN).CDN) que almacenan en caché los recursos del sitio a nivel regional o global, lo que garantiza una entrega más rápida a los usuarios dondequiera que estén.
• Las consultas de bases de datosConsultar y recuperar datos de una base de datos consume tiempo. Los proveedores de alojamiento modernos, como Rocket, utilizan el almacenamiento en caché automático para guardar una página completamente renderizada, por lo que las consultas repetidas a la base de datos son innecesarias a menos que los datos cambien. Los plugins pueden optimizar aún más el almacenamiento en caché. Con el tiempo, las tablas de la base de datos pueden volverse demasiado grandes o estar mal indexadas, por lo que la optimización periódica de la base de datos es esencial.
• ConfiguraciónWordPress carga la configuración inicial y los datos transitorios durante la carga de la página. Estos pueden acumularse con el tiempo o ser consecuencia de temas y plugins mal diseñados. Muchos plugins y temas no eliminan su configuración al desinstalarse. Revisar y limpiar periódicamente la tabla wp_options puede ayudar a mejorar el rendimiento.
• Temas de WordPressLos temas controlan el diseño de la interfaz de tu sitio, pero a menudo incluyen scripts ineficientes o redundantes, sobrecargados. CSSo constructores de páginas innecesarios. Los temas premium de desarrolladores reconocidos suelen estar optimizados para el rendimiento, mientras que los temas con código deficiente o con demasiadas funciones pueden ralentizar significativamente tu sitio. Un tema ligero y modular que solo carga los recursos necesarios tendrá un mejor rendimiento que uno que intenta abarcarlo todo.
• plugins de WordPressLos plugins amplían la funcionalidad, pero cada uno añade sobrecarga: ejecución adicional de PHP, consultas a la base de datos y solicitudes de scripts. Un exceso de plugins, o unos pocos ineficientes, puede afectar gravemente al rendimiento. Es fundamental revisar periódicamente los plugins activos, eliminar los innecesarios y, cuando sea posible, consolidar la funcionalidad redundante en código personalizado en el tema hijo.
• Guiones de servidorUna de las mayores fortalezas de WordPress es su ecosistema abierto, pero esto también conlleva riesgos de rendimiento. Muchos plugins y temas son desarrollados por programadores con distintos niveles de experiencia. Su optimización es deficiente. PHP JavaScript aumenta la carga de la CPU y ralentiza el ensamblaje de la página. Optimizar los scripts del servidor, eliminar el código obsoleto y reducir las cadenas de dependencias puede generar mejoras de rendimiento significativas.
• Guiones de tercerosLos scripts externos, como los de análisis, publicidad, píxeles de seguimiento, widgets de chat e integraciones de redes sociales, pueden afectar drásticamente el tiempo de carga. Estos scripts suelen cargarse de forma asíncrona, pero su uso excesivo o mal optimizado puede bloquear la renderización e incrementar el tiempo de carga general. Audite y priorice los scripts de terceros esenciales, cargue de forma diferida o posponga el resto y aloje los recursos críticos localmente siempre que sea posible.
• Tamaños de archivoLos archivos JavaScript y CSS suelen contener espacios en blanco y comentarios innecesarios. Minificarlos y combinarlos reduce el tamaño del archivo y mejora la velocidad de carga. De igual forma, las imágenes grandes sin comprimir contribuyen en gran medida a la lentitud de la carga de la página. La compresión de imágenes y los formatos responsivos (como WebP or AVIF) son formas sencillas pero poderosas de reducir el tiempo de carga y mejorar las Core Web Vitals.

Complemento de rendimiento de WordPress

Si estás buscando un excelente complemento que te ayude a optimizar WordPress, te recomendamos Perfmatters.

Instala ahora el plugin de WordPress de Perfmatters.

¿Cómo funciona un sitio rápido de WordPress?

Si su infraestructura y su sitio de WordPress están optimizados para funcionar rápido, la diferencia es significativa:

1. Dominio – el dominio que está utilizando se busca en un servidor de nombres de dominio y se enruta a su host.
2. Maestro – Las plataformas de alojamiento más rápidas pueden reducir la latencia involucrada en la identificación y el enrutamiento del tráfico a su servidor.
3. WordPress – WordPress carga configuraciones mínimas y puede cargar más rápido.
4. Permalink – El slug de enlace permanente en tu URL se busca en un archivo en caché, mostrando inmediatamente su página en lugar de consultar la base de datos.
5. Archivos – Se cargan archivos minificados e imágenes comprimidas. Su host puede incluso comprimir los archivos con GZIP compresión que puede reducir el tamaño de los archivos hasta en un 70%.
6. Carga Diferida (Lazy Loading) – No todos los activos requieren cargarse en su sitio para presentar su página correctamente. Un ejemplo son las imágenes que están al final de la página. Carga Diferida es una metodología que carga activos innecesarios solo cuando es necesario, incluidos scripts, imágenes, videos y más.

Esta infografía de PasiónWP recorre un proceso lógico para mejorar el rendimiento de WordPress.

1. Reducir el tiempo de respuesta del servidor (SRT) - Según PageSpeed ​​Insights de Google, su SRT óptimo debe ser inferior a 200 milisegundos.
   • Solución: Migre su sitio a un host de alto rendimiento como Rocket que tiene una infraestructura sólida y CDN incorporado. Incluso lo ayudarán a migrar su sitio allí.
2. Use un buen complemento de almacenamiento en caché – Si bien Flywheel tiene un excelente almacenamiento en caché del servidor, también querrá almacenar en caché localmente.
   • Solución: Migre su sitio a un host de alto rendimiento como Flywheel que tiene un excelente almacenamiento en caché del servidor e instala un complemento como WP Rocket que tiene un excelente almacenamiento en caché local.
3. Habilitar compresión GZIP – GZIP es compatible con todos los navegadores modernos. Muchas plataformas de alojamiento modernas configuran esto automáticamente, pero es posible que deba comunicarse con ellas.
4. Minimizar las solicitudes del navegador – Los temas y complementos que cargan una gran cantidad de scripts, CSS, fuentes y archivos multimedia de su sitio u otros pueden ralentizar significativamente su sitio.
   • Solución: El uso de las herramientas de desarrollo de su navegador puede mostrarle cuántas solicitudes está realizando y qué tan lentas son. Algunos complementos como WP Rocket tiene funciones avanzadas para combinar scripts y CSS y almacenarlos en caché para que no tenga que realizar varias solicitudes. También tiene la capacidad de Carga lenta imágenes.
5. Optimice su base de datos – Las consultas optimizadas, menos datos almacenados y las tablas de indexación pueden mejorar la velocidad del sitio.
   • Solución: borrar versiones de página, eliminar el almacenamiento de datos innecesarios y reindexar su base de datos se puede hacer con WP Rocket.
6. Reduzca la cantidad de complementos en uso – Cuantos más complementos haya instalado, mayor será el número de solicitudes a su servidor.
   • Solución: Actualice su tema a uno que tenga la mayoría o todas las características que estaba tratando de lograr con los complementos. Nosotros recomendamos ThemeForest, pero asegúrese de comprar un complemento que esté bien calificado, tenga muchas actualizaciones y tenga altas ventas. Algunos complementos también agregan código innecesario a las páginas. Por ejemplo, encontramos que Maravilloso tiene la capacidad de incluir solo scripts y CSS en páginas con formularios para que otras páginas no se vean afectadas.
7. Use un tema bien optimizado – Los temas mal desarrollados son la raíz de la mayoría de los problemas que encontramos con los clientes.
   • Solución: Actualice su tema a uno que tenga la mayoría o todas las características que estaba tratando de lograr con los complementos. Nosotros recomendamos ThemeForest, pero asegúrese de comprar un complemento que esté bien calificado, tenga muchas actualizaciones y tenga altas ventas.
8. Comprimir y escalar imágenes – WordPress ya tiene una función fantástica para añadir tamaños de imagen específicos que incorporan cómo escalarlos y recortarlos para diferentes vistas.
   • Solución: Asegúrese de que el archivo functions.php de su tema o tema secundario haya registrado los tamaños de imagen apropiados para mostrar en su tema. En cuanto a la compresión, WordPress no tiene esta capacidad, por lo que una integración de terceros como Imagify or Kraken funciona muy bien. WP Rocket también tiene un complemento de compresión de imágenes.

Mantenemos una lista completa de lo que creemos que son los Los mejores complementos de WordPress para empresas. A medida que surgen nuevas tecnologías y otros complementos no se mantienen actualizados, los reemplazamos en esa lista. ¡Aquí está la infografía completa!