15 consejos de optimización de velocidad de WordPress para hacer que su sitio sea increíblemente rápido (los mismos que solía obtener puntajes de velocidad de página del 100% en GTmetrix)

Consejos de optimización de velocidad de WordPress


Buscando algunos consejos increíbles de velocidad de WordPress?

Estos son los mismos consejos que uso para obtener puntajes de GTmetrix al 100% en mi página de inicio y <Tiempos de carga de 2s en casi cada una de mis publicaciones. Aprenderá todo, desde la optimización de complementos, imágenes, tiempos de respuesta del servidor, CDN y recursos externos como Google Fonts y videos de YouTube.

Use GTmetrix como su herramienta de elección.
Proporciona tiempos de carga precisos y tiene amplias recomendaciones, como qué imágenes deben optimizarse, qué complementos están ralentizando su sitio de WordPress, el tiempo hasta el primer byte, CDN, etc..

Google PageSpeed ​​Insights solo es bueno para medir los tiempos de respuesta del servidor, que deberían ser <200ms. De lo contrario, es bastante inútil y hay muchos artículos que explican por qué.

Pingdom es la herramienta más precisa para medir los tiempos de carga, pero sus recomendaciones no son tan buenas como GTmetrix. (por ejemplo, no dice qué imágenes específicas deben optimizarse).

Esta publicación que está leyendo tiene un tamaño de página de 1.61MB, 69 solicitudes y aún se carga en aproximadamente 1s:

Consejos de optimización de velocidad de WordPress Informe GTmetrix

Si tiene preguntas o necesita ayuda, envíeme un comentario o también puede contratar mi optimizador de velocidad de WordPress para ayudarlo a mejorar puntajes + tiempos de carga con antes + después de los informes de GTmetrix.

1. Evite los complementos conocidos de CPU alta

“No es la cantidad de complementos, es la calidad”, dijeron todos

Si está utilizando alguno de estos complementos lentos, considere reemplazarlos por una alternativa más rápida.

* Los complementos más lentos de WordPress incluyen redes sociales, estadísticas (análisis), controles deslizantes, carteras, creadores de páginas, calendarios, chat, formularios de contacto, publicaciones relacionadas, mapa del sitio, Wordfence, WPML, WooCommerce y cualquier complemento que ejecute escaneos o procesos continuos. Estos pueden identificarse utilizando el monitor de consulta o la cascada GTmetrix.

  1. Agrega esto
  2. Monitoreo de fraude de clics de AdSense
  3. Calendario de eventos todo en uno
  4. Compañero de respaldo
  5. Beaver Builder
  6. Mejores WordPress Google XML Sitemaps
  7. Comprobador de enlace roto (use Dr. Link Check)
  8. Contacto constante para WordPress
  9. Formulario de contacto 7
  10. Publicaciones relacionadas contextuales
  11. Digi Auto Links
  12. Sistema de comentarios Disqus
  13. Divi Builder
  14. Rejilla esencial
  15. El chat de Facebook
  16. Galería de lujo
  17. Fuzzy SEO Booster
  18. Google analitico
  19. Traductor de idiomas de Google
  20. Ver la lista completa de 65 complementos lentos

Cómo encontrar tus complementos más lentos
Puede usar Query Monitor o revisar su informe GTmetrix para ver si el mismo complemento se muestra varias veces en las pestañas PageSpeed ​​y YSlow. También verifique la cascada:

Complemento lento de WordPress

2. No permita que los complementos se ejecuten en cada página

Limpieza de activos le permite desactivar selectivamente los complementos + scripts para que no se carguen en cierto contenido. Por ejemplo, puede deshabilitar el formulario de contacto y el complemento de fragmentos enriquecidos para que no se carguen en el contenido en el que no se muestran. O deshabilite la carga de su complemento de marketing de afiliación en las páginas.

Esto elimina solicitudes innecesarias y reduce los tiempos de carga. Asset CleanUp también es más fácil de usar que Plugin Organizer y otros complementos con una funcionalidad similar. Lo recomiendo altamente.

Asset CleanUp Selective Disable

3. Utilice un complemento de caché mejor calificado

¿Qué complemento de caché es el mejor? Mira estas encuestas de Facebook:

WP Rocket suele ser el número 1 porque viene con muchas características que la mayoría de los complementos de caché no tienen (limpieza de base de datos, imágenes de carga diferida + videos, fuentes locales + análisis, captación previa, integración CDN), por lo que generalmente produce mejores puntajes + tiempos de carga que otros complementos de caché.

Eso también significa que si usara la mayoría de los otros complementos de caché, necesitaría instalar unos 6 complementos adicionales, cuando WP Rocket los tenga integrados. Si eres como yo, solo tendrías 1 complemento.

2016 mejor encuesta de plugin de caché

Encuesta de plugin de caché 2019

Swift vs WP Rocket

Encuesta de plugin de caché 2016

Encuesta sobre los mejores complementos de caché 2018

wp rocket vs w3 totla caché

Características de WP Rocket no incluidas con la mayoría de los complementos de caché:

  • Limpieza de base de datos: integrado en WP Rocket, o use WP-Optimize.
  • Carga lenta: integrado en WP Rocket, o use WP YouTube Lyte.
  • Control de los latidos del corazón: integrado en WP Rocket, o use Heartbeat Control.
  • Google Analytics local: integrado en WP Rocket, o usar CAOS Analytics.
  • Fuentes locales de Google: integrado en WP Rocket, o use OMGF o SHGF.
  • Solicitud previa de DNS: integrado en WP Rocket, o use sugerencias de recursos previos a la fiesta.
  • Almacenamiento en caché del navegador de píxeles de Facebook: integrado en WP Rocket (ningún otro complemento hace esto).
  • CDN: integrado en WP Rocket (ambos Cloudflare + múltiples CDN), o use el Habilitador CDN.

Swift Performance Lite también es bueno, pero es más difícil de configurar y probablemente no obtendrá los mismos resultados que WP Rocket. Pero Swift viene con un organizador de complementos que es útil.

4. Actualización a PHP 7.3

Actualizar a una versión superior de PHP es lo más fácil y puede hacer que su sitio sea 2-3 veces más rápido.

Todo lo que tiene que hacer es iniciar sesión en su cuenta de alojamiento, encontrar el administrador de versiones de PHP y asegurarse de tener la última versión (consulte su sitio web después). Algunos hosts son más rápidos para lanzar versiones PHP más nuevas que otras, otra razón por la que debe evitar GoDaddy, Bluehost y HostGator (ambos llegaron tarde a lanzar PHP 7.2 y probablemente se quedarán atrapados allí por un tiempo).

Actualización PHP

Puedes usar el Mostrar el complemento de la versión PHP para comprobar en qué versión de PHP estás actualmente.

Display-PHP

5. Optimizar guiones externos

Guiones externos Puede haber cualquier cosa en su sitio web que cree solicitudes externas de sitios web externos. Las incrustaciones son muy comunes (videos incrustados, código Github, publicaciones de trabajo, incluso GIF).

Algunos scripts pueden optimizarse (alojar fuentes + código de seguimiento de análisis localmente), cargar videos de forma diferida o incluso formas inteligentes como tomar capturas de pantalla de publicaciones de Twitter en lugar de incrustarlas. Incluso puede intentar almacenar en caché Gravatars usando un complemento o usando Disqus carga condicional o Perfmatters (creado por Kinsta) para optimizar los scripts, estilos y fragmentos de carrito de WooCommerce.

Otros scripts externos son casi imposibles de optimizar. Nunca he visto un sitio con AdSense que tenga un informe GTmetrix decente. Los complementos de comentarios y uso compartido de CPU de alta velocidad siempre ralentizarán su sitio (esto se vincula con la elección de complementos ligeros). Mi sugerencia: optimice los que pueda, trate de evitar el resto y, sea lo que sea lo que quede, asegúrese de obtener esta lista de dominios comunes para captar previamente utilizando WP Rocket. Pero, evite los scripts externos siempre que pueda.

Scripts externos en GTmetrix

Fuentes de Google
Puede alojar fuentes localmente utilizando WP Rocket, OMGF o fuentes de Google independientes. Asset Manager y Autoptimize también tienen opciones para esto. Pero la mejor manera de optimizar las fuentes es alojar las fuentes localmente. Vaya al sitio web de Google Fonts y descargue todas las fuentes que esté utilizando (sea lo más mínimo posible con las fuentes y los pesos). A continuación, convierta las fuentes en archivos de fuentes web utilizando Transfonter. Cargue archivos de fuentes web en la carpeta wp-uploads y agregue la fuente personalizada a CSS.

Google analitico
WP Rocket, CAOS Analytics y el complemento Local Google Analytics para WordPress solucionarán el error de “aprovechar el almacenamiento en caché del navegador” en GTmetrix cuando se utiliza Google Analytics. Yo uso WP Rocket.

Publicidad de Google
Cargar Google AdSense de forma asincrónica y Cloudflare Rocket Loader puede ayudar a optimizar Google AdSense, pero este es el mayor asesino de GTmetrix de todos. Básicamente es una operación de monetización sobre rendimiento, y hay poco que puede hacer para que AdSense se cargue más rápido.

Videos de YouTube incrustados
Si está utilizando WP Rocket, tienen la opción de cargar videos de forma diferida y reemplazar el iframe con una imagen de vista previa (por lo que los videos solo se cargan una vez que las personas hacen clic en el botón de reproducción). Si no está utilizando WP Rocket, WP YouTube Lyte es una buena alternativa. Esto puede reducir varios segundos de los tiempos de carga iniciales y es fácil. Muchos videos incrustados pueden tomar más de 2 segundos.

Tweets integrados, publicaciones de Facebook e Instagram
Si inserta publicaciones en su sitio web, considere tomar capturas de pantalla y reemplazarlas con una imagen (consulte la sección de reducción del tiempo de respuesta del servidor para ver un ejemplo). Usé un diseño de 2 columnas y tomé capturas de pantalla de las encuestas de Facebook. Ahora, no tienen que retirar solicitudes de Facebook.

Gravatars
Si tiene muchos comentarios en su blog, probablemente sepa cuánto Gravatars e incluso algunos complementos de comentarios pueden ralentizar su sitio. Decidí desactivar Gravatars porque soy exigente con mis tiempos de carga, pero también puedes probar Harrys, FV y el caché Optimum Gravatar. Sin embargo, ninguno de esos complementos funcionó para mí. Su otra opción es romper u ocultar comentarios.

Complementos para compartir en redes sociales
Los botones para compartir en redes sociales obtienen solicitudes externas de Facebook, Twitter y otras redes sociales. Si su complemento tiene una opción para actualizar “me gusta”, puede ajustarlo para que no se actualicen con tanta frecuencia. De lo contrario, recomiendo uno de estos complementos ligeros para compartir en redes sociales:

6. Servir imágenes a escala

Sirviendo imágenes a escala significa que necesita cambiar el tamaño de las imágenes grandes para que sean más pequeñas.

GTmetrix le dice qué imágenes son demasiado grandes y las dimensiones correctas a las que se debe cambiar su tamaño. Todo lo que tiene que hacer es cambiar su tamaño y luego reemplazar las imágenes antiguas por las nuevas..

Servir imágenes a escala

Es una buena idea crear una hoja de trucos de dimensiones de imagen para conocer las dimensiones de todas sus diferentes imágenes. Por ejemplo, sus controles deslizantes pueden tener 1024 x 400 px mientras que las imágenes de su widget tienen 300 x 300 px, o las imágenes de blog de ancho completo pueden tener 680 px de ancho (como la mía). Entonces, antes de crear cualquier imagen, sé que debe cambiar su tamaño a esas dimensiones para que se cargue rápidamente.

Hoja de trucos de dimensiones de imagen de muestra:

  • Logo: 300 x 100px
  • Deslizadores: 1024 x 400px
  • Widgets: 300 x 300 px
  • Imágenes de publicaciones destacadas: 350 x 350px
  • Imágenes de blog de ancho completo: 680 px (ancho)

Si tiene errores de servicio a escala, deberá corregirlos manualmente sin un complemento. Pero una vez que se familiarice con el tamaño adecuado de sus imágenes, nunca debería volver a tener ese error.

7. Comprimir imágenes

ShortPixel, Imagify y Smush son 3 complementos principales para esto.

Instale uno de esos complementos (uso ShortPixel), regístrese con una clave API, luego comprima en masa todas las imágenes en su sitio. Por supuesto, debe verificar su configuración, probar algunas imágenes y hacer una copia de seguridad de sus imágenes antes de la optimización masiva. Incluso si los complementos dicen “sin pérdidas”, casi siempre hay una pequeña caída de calidad. Este es el dilema de un fotógrafo: si la velocidad es más importante, hazlo. Si no, no!

Configuraciones de ShortPixel

8. Configurar el CDN de Cloudflare

No hay razón para no usar el CDN gratuito de Cloudflare.

Aloja su sitio web en más de 200 centros de datos, lo hace más seguro y tiene toneladas de funciones dentro de su tablero. Si no ha configurado Cloudflare y ha cambiado los servidores de nombres, lo haría.

Centros de datos de Cloudflare

Si ya tiene Cloudflare, aquí hay algunas optimizaciones de velocidad adicionales:

  • Configure las reglas de la página para ahorrar ancho de banda y asegurar su wp-admin
  • Configure las configuraciones de velocidad de Cloudflare para aprovechar al máximo su servicio
  • Habilite la Protección Hotlink para evitar que las personas usen el ancho de banda de la imagen
  • Deje que su complemento de caché se ocupe de la minificación, luego desactívela en Cloudflare

9. Considere múltiples CDN

CDN múltiples = más centros de datos = entrega más rápida de su contenido.

CDN múltiples

Yo uso ambos Flama de nube y StackPath. Los sitios web más pequeños deberían estar bien solo con Cloudflare, pero si te tomas en serio la velocidad, consideraría un CDN adicional. StackPath tiene un excelente soporte y ayudarán a configurar las configuraciones óptimas si se solicita. KeyCDN también es bueno.

Con otros CDN además de Cloudflare, generarán una URL de CDN que pegará en su complemento de caché (la mayoría de los complementos de caché tienen un campo de URL de CDN) o usarán el complemento Enabler de CDN.

10. Hacer que los complementos se carguen más rápido

Todos sabemos que los complementos pueden destruir los puntajes de GTmetrix, así que aquí hay algunos consejos para optimizarlos.

  • Evite los complementos de CPU altos: evita esta lista de complementos lentos. Los complementos lentos comunes incluyen complementos para compartir en redes sociales, carteras, control deslizante, estadísticas, copias de seguridad y otros.
  • Reemplace los complementos de CPU altos con complementos más rápidos: se requerirá algo de investigación, pero reemplace cualquiera de sus complementos de CPU alta con complementos más rápidos y livianos.
  • Eliminar complementos que no necesita: ¿puede reemplazar los complementos con código (por ejemplo, inserte el código de seguimiento de GA directamente, use widgets de Facebook en lugar de complementos o cree una tabla de contenido en HTML + CSS? Cualquier complemento que pueda reemplazar con código, hágalo.
  • No use JetPack para un par de módulos: primero, deshabilite todos los módulos que no está utilizando actualmente en la configuración de depuración. A continuación, ¿realmente necesitas JetPack si solo lo estás usando para un par de cosas? Es infame por ralentizar los sitios. Estás apostando por encontrar un complemento no hinchado que solo tenga la misma funcionalidad.
  • Encuentra tus complementos más lentos: use la pestaña Cascada GTmetrix o el Monitor de consultas (la pestaña consultas por componentes) para ver sus complementos más lentos. Si un complemento se muestra varias veces en su informe PageSpeed ​​+ YSlow, eso también puede ser un indicador.

11. Limitar revisiones de publicaciones + autoguardados

Por defecto, WordPress guarda automáticamente cada revisión de publicación, y también guarda borradores continuamente al editarlos. Guardar borradores puede ser una pérdida de recursos del servidor, y almacenar miles de revisiones posteriores puede inflar su base de datos, por lo que al menos modificaremos esta configuración.

Agregue esto a su wp-config.php:

define (‘AUTOSAVE_INTERVAL’, 60 * 60 * 60 * 24 * 365); // Establezca el intervalo de guardado automático en 1x por año
define (‘WP_POST_REVISIONS’, 3);

También puede deshabilitar los autoguardados y limitar las revisiones posteriores utilizando Perfmatters o Clearfy.

Configuración de optimización de perfmatters

12. Evite que los bots de spam lleguen a su sitio

Los robots de spam son un desperdicio de recursos del servidor.

Llegan a su sitio repetidamente y consumen recursos del servidor, sin ningún beneficio. Y sin verificar si están llegando a su sitio (use Wordfence), no sabría que están allí.

Paso 1: Encuentra bots de spam usando Informe de tráfico en vivo de Wordfence. Si ve que el mismo bot golpea constantemente su sitio, Google es el nombre de host y vea si otras personas lo han denunciado como spam. El robot de Google y otros bots legítimos obviamente están bien, pero los bots como amazon.aws y linode han sido reportados como problemas. Estos 2 bots estaban golpeando mi propio sitio casi cada segundo!

Live-Traffic-Report-Wordfence

Paso 2: Bloquee los bots de spam usando Reglas de firewall de Cloudflare, Barbacoa, Agujero negro, o Wordfence. Yo personalmente usaría las reglas de firewall de Cloudflare si solo tienes unos pocos robots de spam principales para bloquear, ya que Wordfence en sí mismo puede causar una alta CPU. Para revisar, busque los bots de spam en Wordfence, bloquee los bots de spam usando Cloudflare, luego elimine Wordfence para que no consuma CPU.

Regla de bloqueo de Wordfence

13. Reduzca los tiempos de respuesta del servidor a <200ms

Su servidor (hosting) es el Factor # 1 en la guía de optimización de WordPress.

Para comprobar su tiempo de respuesta del servidor, ejecute su sitio a través de Google PageSpeed ​​Insights:

Reduce el tiempo de respuesta del servidor

SiteGround (alojamiento compartido) y Cloudways (hosting en la nube) son generalmente los 2 hosts principales según múltiples encuestas de Facebook, muchas de ellas tomadas por el Grupo de Facebook de WordPress Hosting.

Hagas lo que hagas, evita GoDaddy y EIG que posee más de 60 compañías de alojamiento diferentes, incluidas Bluehost, HostGator, iPage, Site5 y otras. Son infames por los servidores lentos.

Muchas personas que ya migraron a SiteGround, Cloudways y Kinsta han publicado capturas de pantalla de sus nuevos tiempos de carga en Twitter. Algunas personas vieron una mejora de 7s.

Hay mucha información mala por ahí, incluso las reseñas de alojamiento en YouTube recomiendan compañías como Bluehost, HostGator o incluso HostPapa. Esto es completamente ridículo; investiga en grupos de Facebook y mira lo que dice la gente real en Facebook + Twitter.

SiteGround y Cloudways te migrarán gratis.

Cambio a SiteGround

Migración del tiempo de carga de SiteGround

Bluehost a SiteGround GTmetrix

HostGator a SiteGround

SiteGround GTmetrix

SiteGround Google PageSpeed ​​Insights

100 puntaje perfecto en SiteGround

HostGator a SiteGround Migration

Tiempos de respuesta de SiteGround en Joomla

Cambiado a SiteGround Hosting

SiteGround Rocket Imagify Combo

Joomla GTmetrix en SiteGround

SiteGround PageSpeed ​​Insights

SiteGround en Joomla

Encuesta de alojamiento 2019

2017-WordPress-Hosting-FB-Poll

Recomendaciones de alojamiento de Elementor

Recomendación de alojamiento de julio de 2019

WordPress-Host-Poll-Ago-2018

Shared-Hosting-Poll-2017

Encuesta de alojamiento 2019

Ir a la empresa de alojamiento

WordPress-Hosting-Poll-2017

Encuesta de alojamiento gestionado

2016-WordPress-Hosting-FB-Poll

Hospedaje favorito para Elementor

Recomendaciones de alojamiento 2018

Encuesta de alojamiento de WordPress septiembre de 2018.png

Managed-WordPress-Hosting-Poll-2017

2019-Hosts-Encuesta-1

Hosting-Poll-For-Speed

WordPress-Hosting-Poll-June-1

Recomendación de SiteGround

14. Deshabilita los scripts, estilos y fragmentos de carrito de WooCommerce

Los sitios de WooCommerce son infamemente lentos.

Esto se debe en parte a que WooCommerce agrega scripts, estilos y fragmentos de carrito a cada página de su sitio (incluso las páginas que no son de comercio electrónico). Al igual que no debe permitir que se ejecuten algunos complementos en cada página (consejo n.º 2), no debe permitir que las opciones de WooCommerce se ejecuten en páginas que no son de comercio electrónico. Puede deshabilitar todo esto con 1 clic usando el Complemento Perfmatters de Kinsta (que también le permite deshabilitar selectivamente complementos / scripts), de lo contrario, puede usar estos códigos de Github.

perfmatters optimización de woocommerce

Deshabilitar guiones de WooCommerce:

Deshabilitar estilos de WooCommerce: ver Documentación de Woocommerce.

Deshabilitar fragmentos de carro de WooCommerce:

15. Publique su informe GTmetrix en grupos de Facebook

Si aún necesita ayuda, hay Grupos de Facebook donde las personas están felices de brindar sus comentarios. Siéntase libre de dejarme también un comentario, consulte mi guía de velocidad completa de WordPress o contrate a mi equipo para la optimización de velocidad de WordPress que lo enviará antes y después de los informes de GTmetrix.

Informe-GTmetrix 2019

Grupos de Facebook recomendados

WordPress acelera el grupo de Facebook

Espero que esto haya sido útil.

Salud,
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map