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
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?
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
33. Otra ubicación común
34. Muchas consultas en cada carga de página
35. Sólo necesita una consulta lenta
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
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
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”
59. Mira primero la cascada
60. Escanea para barras largas
62. Primera solicitud es lenta
63. A menudo es problema con el servidor
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
75. Servicios de análisis de página web
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
95. Procesos del servidor de base de datos
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?
109. ¿Todavía atascado? ¡Pide ayuda!
110. ¡Gracias!
111. ¿Preguntas?