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.

Transcript

1. Cómo solucionar
   problemas de rendimiento
   de WordPress
   

   View Slide

2. Carl Alexander
   

   View Slide

3. @twigpress
   

   View Slide

4. es.carlalexander.ca
   

   View Slide

5. Situación común
   

   View Slide

6. Cliente:
   WordPress es lento.
   

   View Slide

7. Cliente:
   ¿Puede ayudarme?
   

   View Slide

8. Usted:
   

   View Slide

9. Tiempos de carga
   son importantes
   

   View Slide

10. Pero son difíciles
    a investigar
    

    View Slide

11. Problema puede estar
    en cualquier sitio
    

    View Slide

12. Muchas herramientas
    a tu disposición
    

    View Slide

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

    View Slide

14. Lentitud define
    problemas de rendimiento
    

    View Slide

15. Ejemplo:
    Cargar una página es lento
    

    View Slide

16. Ejemplo:
    Búsqueda del sitio es lenta
    

    View Slide

17. Ejemplo:
    Publicar es lento
    

    View Slide

18. Ejemplo:
    “Todo es lento”
    

    View Slide

19. Toma demasiado tiempo
    para hacer alguna cosa
    

    View Slide

20. Frustra el cliente
    

    View Slide

21. Tiene impacto financiero
    

    View Slide

22. ¿Dondé puedes
    encontrarlos?
    

    View Slide

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

    View Slide

24. View Slide

25. View Slide

26. Ubicación más obvia
    

    View Slide

27. Puede ser tu código
    

    View Slide

28. Puede ser el código
    de un plugin
    

    View Slide

29. Puede ser el código
    del tema
    

    View Slide

30. Verifica el código PHP
    

    View Slide

31. Verifica el código JS
    

    View Slide

32. View Slide

33. Otra ubicación común
    

    View Slide

34. Muchas consultas
    en cada carga de página
    

    View Slide

35. Sólo necesita
    una consulta lenta
    

    View Slide

36. View Slide

37. Difícil a diagnosticar
    

    View Slide

38. Hardware y software
    

    View Slide

39. Varía de
    un alojamiento a otro
    

    View Slide

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

    View Slide

41. View Slide

42. Difícil a diagnosticar
    también
    

    View Slide

43. Navegadores web
    son complejos
    

    View Slide

44. Mucho pasa entre
    solicitar y renderizar
    

    View Slide

45. Puede aparecer en
    cualquier lugar entre ambos
    puntos
    

    View Slide

46. Herramientas del
    navegador web
    

    View Slide

47. Herramientas de
    desarrollo web
    

    View Slide

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

    View Slide

49. Disponible en
    todos los navegadores
    

    View Slide

50. Herramienta obligatoria
    por el desarrollo web
    

    View Slide

51. El panel “Console”
    

    View Slide

52. Primero panel a mirar
    

    View Slide

53. View Slide

54. Muestra mensajes de
    error y advertencia
    

    View Slide

55. Útil por los problemas
    de renderizacíon
    

    View Slide

56. Pero principalmente
    por el JavaScript
    

    View Slide

57. El panel “Network”
    

    View Slide

58. View Slide

59. Mira primero la cascada
    

    View Slide

60. Escanea para
    barras largas
    

    View Slide

61. View Slide

62. Primera solicitud es lenta
    

    View Slide

63. A menudo es
    problema con el servidor
    

    View Slide

64. View Slide

65. Time To First Byte (TTFB)
    

    View Slide

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

    View Slide

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

    View Slide

68. No es mágico
    

    View Slide

69. No olvides
    la barra de resumen
    

    View Slide

70. View Slide

71. View Slide

72. View Slide

73. View Slide

74. View Slide

75. Servicios de análisis de
    página web
    

    View Slide

76. View Slide

77. View Slide

78. Herramientas del
    servidor
    

    View Slide

79. Si no has encontrado nada
    en el navegador web
    

    View Slide

80. El problema es descubrir
    donde en el servidor
    

    View Slide

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

    View Slide

82. Comienza con WordPress
    

    View Slide

83. Query Monitor
    

    View Slide

84. Mejor plugin de
    depuración para WordPress
    

    View Slide

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

    View Slide

86. Visible de la
    barra de administración
    

    View Slide

87. Visible de la
    barra de administración
    

    View Slide

88. Visible de la
    barra de administración
    

    View Slide

89. Visible de la
    barra de administración
    

    View Slide

90. Solicitudes adicionales
    

    View Slide

91. Pueden causar una
    ralentización también
    

    View Slide

92. View Slide

93. View Slide

94. View Slide

95. Procesos del servidor de
    base de datos
    

    View Slide

96. View Slide

97. View Slide

98. Consulta SQL:
    SHOW FULL PROCESSLIST;
    

    View Slide

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

    View Slide

100. Slow logs
     

     View Slide

101. MySQL tuner
     

     View Slide

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

     View Slide

103. Repasando el proceso
     

     View Slide

104. ¿Cómo usas estas
     herramientas juntas?
     

     View Slide

105. View Slide

106. View Slide

107. View Slide

108. View Slide

109. ¿Todavía atascado?
     ¡Pide ayuda!
     

     View Slide

110. ¡Gracias!
     

     View Slide

111. ¿Preguntas?
     

     View Slide