Si buscas mejorar el tiempo de respuesta inicial del servidor en WordPress, no busques más, aquà tienes la guÃa definitiva que necesitas leer ahora.
En este post aprenderás sobre
- Los conceptos básicos para arreglar el tiempo de respuesta inicial de su servidor
- Formas ideales de mejorar los tiempos de respuesta
- Cómo mantener la velocidad ideal para el futuro
Cómo mejorar los tiempos de respuesta del servidor de WordPress
El lento tiempo de respuesta de un sitio web afecta el rendimiento, lo que afecta aún más las puntuaciones de Core Web Vitals, que se convertirán en un factor de clasificación en 2023.
Estas son las mejores formas de mejorar los tiempos de respuesta del servidor en WordPress.
Utilice el alojamiento más rápido
Estos son los conceptos básicos o raÃces para mejorar cualquier tipo de tiempo de respuesta del servidor. Si utiliza un alojamiento económico de WordPress, los tiempos de respuesta no se pueden mejorar más. ¿Sabes por qué?
Como su nombre indica, es alojamiento compartido y su sitio web se alojará junto con miles de sitios similares. Aquà hay un sitio como ejemplo. Hay 1209 dominios alojados en una única IP y no se puede esperar un mejor rendimiento de ellos.
Idealmente, la mitad de los sitios que enfrentan problemas de tiempo de respuesta del servidor están alojados en alojamiento compartido. Puede ver el sitio mencionado anteriormente que aborda el problema del tiempo de respuesta inicial del servidor.
Aqui esta uno de los nuestros sitio alojado en Templ (¡Pruébalo gratis!), que es básicamente alojamiento de WordPress basado en Google y no tengo vecinos ruidosos. Como resultado, el sitio nunca enfrenta problemas de tiempo de respuesta del servidor.
Si está buscando alojamiento en la nube más económico, consulte Cloudways (use el código: BIO25 para obtener $25 en créditos gratuitos). El plan cuesta sólo $10 por mes, no es necesario pagar la tarifa anual por adelantado. Después de todo, es más barato que el hosting compartido cuando se trata de renovaciones.
Aquà está el informe del Faro de dominio arriba. Puede ver que el sitio no está optimizado con complementos de almacenamiento en caché, pero los resultados son impresionantes.
Resumen: utilice el alojamiento web más rápido. Elija Templ para WordPress o Cloudways para otros CMS.
Utilice la CDN más rápida de la región
El uso de una CDN es algo obligatorio para mejorar los tiempos de respuesta. Google también recomienda usarlo aunque la necesidad sea menor.
Solucioné problemas de LCP durante más de 4 segundos agregando CDN a sitios donde las puntuaciones son “Buenas” de “Necesita mejorar”.
¿Por qué CDN? A diferencia del servidor fÃsico proporcionado por su proveedor de alojamiento, CDN funciona desde una ubicación global donde todos sus activos, como imágenes, CSS y JS, se distribuyen en todas las ubicaciones globales.
Digamos que si su servidor está ubicado en los EE. UU. y alguien de la India visita su sitio, la CDN entrega páginas web desde una ubicación POP en la India en lugar de su ubicación fÃsica. Esto reducirá significativamente la latencia y mejorará los tiempos de respuesta del servidor.
Dado que los últimos Core Web Vitals se basan en datos reales de usuarios de Chrome, usar una CDN es esencial para mejorar las puntuaciones. Incluso si los visitantes de su sitio provienen de un solo paÃs como Estados Unidos, CDN mejora los tiempos de respuesta.
A diferencia de la mayorÃa de los sitios, no recomendaré una sola CDN. Debe elegir una CDN según la región de su visitante. Por ejemplo, StackPath es la CDN más rápida de Norteamérica, mientras que Fastly CDN es la más rápida de Australia. Por lo tanto, si tiene sitios ubicados en Australia, utilizar StackPath es una mala idea. Entonces, aquà están las tres CDN comerciales más rápidas de cada región.
- Google CDN: la CDN más rápida de Norteamérica, Asia y Europa.
- StackPath: Segundo mejor para Norteamérica.
- Cloudflare: la segunda mejor opción para Asia
- BunnyCDN: Segundo mejor para Europa y Australia.
Si bien Google CDN es el más rápido de todos, requiere que sus sitios estén alojados en Google Compute Engine. Hasta donde yo sé, Templ es el único alojamiento que ofrece alojamiento combinado de Google Compute y CDN.
Por lo tanto, si aloja en otro lugar, elija StackPath para el tráfico de América del Norte (EE. UU. y Canadá), mientras que BunnyCDN es la opción ideal para Europa y Australia.
La mayorÃa de la gente se sorprenderá de por qué no incluà Cloudflare porque la versión gratuita no es más rápida y las opciones pagas son más caras, como $20 por sitio único, mientras que StackPath y BunnyCDN cuestan $10 por sitios ilimitados.
Utilice temas de WordPress de carga rápida
Es posible que vea este texto en los informes de Google Insights donde Google dice
Los temas, complementos y especificaciones del servidor contribuyen al tiempo de respuesta del servidor. Considere buscar un tema más optimizado seleccionando cuidadosamente un complemento de optimización y/o actualizando su servidor.
Si bien hemos discutido las especificaciones del servidor anteriormente, el resto que debe optimizarse son los temas y complementos de WordPress.
Casi todas las páginas de venta de temas mencionan la velocidad de sus temas. Este es el tipo de impacto y estado de ánimo de los propietarios de sitios web en 2023. Todo lo que necesitan es un tema de carga rápida y no les importa gastar el dinero adecuado en un producto de calidad.
Estas son las siguientes cualidades que considero al elegir nuevos temas:
- Eficiencia del código
- Concentrarse en el futuro
- Experiencia de usuario
- Apoyo
Utilizo el tema Marketers Delight para este sitio (informes) y también lo uso en unos 10 proyectos. Aunque es fantástico, no es adecuado para agencias que crean sitios web corporativos. Si bien hay cientos de proveedores de temas, a continuación sugiero tres proveedores que pueden satisfacer cualquiera de sus necesidades.
¿Cuál es la particularidad de estos temas? No inyectan Jquery, sino que utilizan Vanilla Javascript, que soluciona los “problemas de bloqueo de renderizado” de “jQuery Migrate” desde el primer momento.
De tres, Neve es mi favorito porque es el más rápido de todos y creamos el 87% de los sitios de nuestros nuevos clientes utilizando Neve en 2023.
Los creadores de páginas también son una gran decepción cuando se trata de páginas web lentas. También recomiendo usar Gutenberg en la mayorÃa de los casos.
Darse de baja y eliminar scripts no deseados
Cada sitio de WordPress utiliza algún complemento de formulario de contacto y probablemente solo pueda usarlo en la página https://site.com/contact-us/.
¿Pero sabÃa que los scripts de los formularios de contacto se cargan en cada página de su sitio? Independientemente del uso, WordPress carga todos los scripts en cada página, aumentando gradualmente el tamaño de la página.
Hay formas de cancelar el registro de scripts cargados desde todas las páginas. puedes usar WP Activos Pro o PerfMatters para esta optimización.
Para este tutorial, estoy considerando PerfMatters ya que funciona de manera precisa y perfecta que cualquier otro complemento del mercado.
Una vez que el complemento esté activado, habilite Script Manager desde la página de configuración. Ahora cargue cualquier página y haga clic en “Administrador de secuencias de comandos” en la barra superior.
Alternativamente, también puedes usar /?Perfmatters al final de la URL para abrir la configuración.
Ahora el complemento muestra toda la carga de CSS y JS en la página y con un clic puede cancelar el registro de la carga de scripts no deseados.
Además de eso, puedes eliminar complementos no deseados que se cargan lentamente o reemplazarlos con cualquier complemento liviano del mercado.
- Gutenberg: alternativa a los creadores de páginas
- Novashare: complemento ligero para compartir en redes sociales
- Clasificación matemática – complemento SEO
Consulte la pestaña Red en Chrome para encontrar la carga CSS y JS de cualquier URL. Al eliminar JS, también puede mejorar la puntuación del retardo de la primera entrada.
Optimizar bases de datos
La base de datos debe ser tan rápida como liviana en el procesamiento de consultas. Cuando se necesita tiempo para recuperar los datos, el tiempo de carga aumenta.
Google menciona “Puede optimizar las bases de datos de consultas de su servidor o migrar a un sistema de base de datos más rápido”.
No conocÃa diferentes bases de datos hasta que el equipo de Templ.io migró recientemente la base de datos de mi sitio de MyISAM a InnoDB para un rendimiento más rápido. También puede ponerse en contacto con su proveedor de alojamiento con respecto al mismo o mira este tutorial actualizado.
Optimizar los recursos del servidor web
Las próximas optimizaciones son mejoras adicionales que puede realizar para mejorar los tiempos de respuesta.
Utilice la última versión de PHP: PHP 7.4 es la última versión estable y 3 veces más rápido que PHP 5.6 reportado por Kinsta aquÃ. Si utiliza alojamiento administrado, solicite a su proveedor de alojamiento que lo cambie.
Comprimir imágenes: Hay muchos complementos gratuitos como PequeñoPng, Smushit que comprime tus imágenes y las agrega a páginas web. También utiliza imágenes en formato WebP para tiempos de carga de imágenes aún más rápidos. Pero tenga en cuenta que existen algunas restricciones en la versión gratuita. Elige anfitrión como Necesario que ofrece compresión de imágenes ilimitada para todos los sitios.
Aumentar los núcleos de RAM/CPU: Como sugiere Google, cuantos más núcleos de RAM/CPU, más rápidos serán sus sitios web. Últimamente, muchos sitios web ofrecen este tipo de opciones.
Configuración de caché optimizada
Todos sabéis que soy un gran admirador de WP Rocket. Después de usar casi todos los complementos de almacenamiento en caché, WP Rocket es el claro ganador y la mayorÃa de las funciones de los complementos están fuertemente inspiradas en él. Esté atento a nuestra publicación sobre las ofertas de WP Rocket Black Friday para ahorrar en cualquier compra.
A continuación se detallan las optimizaciones más comunes que se pueden realizar a través de WP Rocket:
Habilitar el almacenamiento en caché: Inicialmente, habilite el almacenamiento en caché para dispositivos móviles y de escritorio. El almacenamiento en caché es el proceso mediante el cual su sitio se almacenará en caché y se almacenará por separado.
Cuando un visitante solicita una página, se entrega la versión en caché en lugar de procesar la página desde su servidor web. Esto mejora significativamente el tiempo de carga. Simplemente habilite las siguientes dos opciones.
Optimización de archivos: Puede minimizar HTML, CSS y JS aquà o en la configuración de CDN. Prefiero la minimización de CDN porque los resultados son más rápidos. Si no usa CDN, minimÃcelo en WP Rocket.
Habilite Combinar archivos de fuentes de Google y eliminar cadenas de consulta de recursos estáticos.
No mezcle CSS y JS si sus sitios usan HTTP/2. Verifique la versión HTTP de su servidor AquÃ.
Habilite LazyLoad para imágenes. Habilitar para iframes y videos. Desactivar emojis.
Precarga: Mejora enormemente el tiempo de carga del servidor. Habilite la precarga y también la precarga de caché basada en mapas del sitio.
Visite http://prefetch.xyz/ y cree una lista de todas las URL que se pueden recuperar previamente. Ahora ingresa lo mismo en la siguiente opción.
Primera actualización: agosto de 2022
En este momento, la mayorÃa de los casos de uso anteriores definitivamente mejorarán la velocidad de su sitio y utilizarán nuestra guÃa para mejorar las puntuaciones de Core Web Vitals en su consola de búsqueda, al igual que nosotros.