Cómo solucionar problemas de rendimiento de WordPress

Cómo solucionar problemas de rendimiento de WordPress

Estas son las diapositivas de una ponencia dada en WordCamp Bogotá 2018.

¿Alguna vez se te ha acercado un cliente preguntandote por qué la página de WordPress era tan lenta al cargar? Todos hemos tenido que enfrentarlo en algún momento u otro. Especialmente hoy en día con el incremento de la importancia del tiempo que toma cargar una página. (¡Todo necesita estar muy muy rápido!)¿Pero qué haces cuándo alguien te pregunta para arreglar tal problema? Es como encontrar una aguja en un pajar. El problema puede estar en cualquier sitio.

¿Entonces cómo puedes descubrir que está pasando? Hay muchas herramientas a tu disposición para ayudarte a resolver las cosas. Pero eso no significa que estás cualquier más cerca de saber que está pasando.

Esto es con lo que esta charla te ayudará. Miráremos a las herramientas que puedes usar para solucionar este problema complicado. ¡Pero no nos detendremos allí tampoco! También repasáramos cómo interpretar que te dicen estas herramientas. Porque así es como llegarás a la raíz del problema para que puedas resolverlo.

5a4758faa5ba6c1322bdfb0f6ebcf56c?s=128

Carl Alexander

November 09, 2018
Tweet

Transcript

  1. Cómo solucionar problemas de rendimiento de WordPress

  2. Carl Alexander

  3. @twigpress

  4. es.carlalexander.ca

  5. Situación común

  6. Cliente: WordPress es lento.

  7. Cliente: ¿Puede ayudarme?

  8. Usted:

  9. Tiempos de carga son importantes

  10. Pero son difíciles a investigar

  11. Problema puede estar en cualquier sitio

  12. Muchas herramientas a tu disposición

  13. ¿Qué es un problema de rendimiento WordPress?

  14. Lentitud define problemas de rendimiento

  15. Ejemplo: Cargar una página es lento

  16. Ejemplo: Búsqueda del sitio es lenta

  17. Ejemplo: Publicar es lento

  18. Ejemplo: “Todo es lento”

  19. Toma demasiado tiempo para hacer alguna cosa

  20. Frustra el cliente

  21. Tiene impacto financiero

  22. ¿Dondé puedes encontrarlos?

  23. ¿Que se pasa cuando peticionas una página web?

  24. None
  25. None
  26. Ubicación más obvia

  27. Puede ser tu código

  28. Puede ser el código de un plugin

  29. Puede ser el código del tema

  30. Verifica el código PHP

  31. Verifica el código JS

  32. None
  33. Otra ubicación común

  34. Muchas consultas en cada carga de página

  35. Sólo necesita una consulta lenta

  36. None
  37. Difícil a diagnosticar

  38. Hardware y software

  39. Varía de un alojamiento a otro

  40. Es por qué elegir un buen alojamiento es importante

  41. None
  42. Difícil a diagnosticar también

  43. Navegadores web son complejos

  44. Mucho pasa entre solicitar y renderizar

  45. Puede aparecer en cualquier lugar entre ambos puntos

  46. Herramientas del navegador web

  47. Herramientas de desarrollo web

  48. Herramienta más importante a tu disposición

  49. Disponible en todos los navegadores

  50. Herramienta obligatoria por el desarrollo web

  51. El panel “Console”

  52. Primero panel a mirar

  53. None
  54. Muestra mensajes de error y advertencia

  55. Útil por los problemas de renderizacíon

  56. Pero principalmente por el JavaScript

  57. El panel “Network”

  58. None
  59. Mira primero la cascada

  60. Escanea para barras largas

  61. None
  62. Primera solicitud es lenta

  63. A menudo es problema con el servidor

  64. None
  65. Time To First Byte (TTFB)

  66. Tiempo entre la solicitud y el inicio de la respuesta

  67. Excelente métrico por el rendimiento de tu aplicación

  68. No es mágico

  69. No olvides la barra de resumen

  70. None
  71. None
  72. None
  73. None
  74. None
  75. Servicios de análisis de página web

  76. None
  77. None
  78. Herramientas del servidor

  79. Si no has encontrado nada en el navegador web

  80. El problema es descubrir donde en el servidor

  81. Dos fuentes de problemas de rendimiento (Hardware y Software)

  82. Comienza con WordPress

  83. Query Monitor

  84. Mejor plugin de depuración para WordPress

  85. Recoge todo tipo de información en WordPress (¡Más que sólo

    consultas SQL!)
  86. Visible de la barra de administración

  87. Visible de la barra de administración

  88. Visible de la barra de administración

  89. Visible de la barra de administración

  90. Solicitudes adicionales

  91. Pueden causar una ralentización también

  92. None
  93. None
  94. None
  95. Procesos del servidor de base de datos

  96. None
  97. None
  98. Consulta SQL: SHOW FULL PROCESSLIST;

  99. Herramientas adicionales (Pero necesita acceso a tu servidor)

  100. Slow logs

  101. MySQL tuner

  102. Supervisión del rendimiento de la aplicación

  103. Repasando el proceso

  104. ¿Cómo usas estas herramientas juntas?

  105. None
  106. None
  107. None
  108. None
  109. ¿Todavía atascado? ¡Pide ayuda!

  110. ¡Gracias!

  111. ¿Preguntas?