Charla dada en el Open Day de La Salle URL Barcelona - Sábado 18 de Abril 2015

1. Nil Portugués Calderó
Senior PHP Developer @ Atrapalo.com
OpenDay La Salle Campus Barcelona | Sábado 18 de Abril 2015
1
Alto Rendimiento
en la web

2. ¿Quién soy yo?
- Ingeniero Técnico en Informática de Sistemas
- Más de 15 años haciendo desarrollo web
- Empecé con Perl, SSI y PHP3 en 1999
- Me muevo entre el Backend y sistemas.
- Proyecto más duradero que he llevado: 14 años.
- Contribuyo en proyectos open source y libero propios
- Charlas: como asistente y ponente o colaborador

3. ¡EMPEZAMOS!

4. Alto rendimiento
4
¿respecto a qué o quién?

5. 1. Red
2. Hardware
3. Infraestructura
4. Código Fuente
5. Económico
5
Alto rendimiento según:

6. 6
Actores
ProgramadorUsuarios SysAdmin
Empresa /
Empresario

7. 7
La RedPor dónde circulan la información

8. Programador
1. Red
Beneficiarios del alto rendimiento:
8
Usuarios SysAdmin
Empresa /
Empresario

9. 1. Red
A tener en cuenta...
● Routing.
● Latencia según punto de acceso (CDNs)
● Optimización de saltos entre servidores.
● Bandwidth (ancho de banda)
9

10. 10
El HardwareDonde viven la información

11. 2. Hardware
Beneficiarios del alto rendimiento:
11
ProgramadorUsuarios SysAdmin
Empresa /
Empresario

12. 2. Hardware
A tener en cuenta
Hardware
○ RAM
○ Procesador
○ HDD SDD
Throughput de la tarjeta de red.
Sistemas operativo y su configuración.
12

13. 13
La InfraestructuraCómo gestionamos la información

14. Programador
3. Infraestructura
Beneficiarios del alto rendimiento:
14
Usuarios SysAdmin
Empresa /
Empresario

15. 3. Infraestructura
Protocolo web
○ HTTP 1.1
○ Spdy / HTTP 2.0
15

16. 3. Infraestructura
Servidor web
○ Apache 2
○ Nginx
○ ReactPHP
16

17. 3. Infraestructura
Versión del lenguaje de programación
○ PHP 5.3
○ PHP 5.4
○ PHP 5.5
○ PHP 5.6
17
○ PHP 7.0
○ Hack (fork de Facebook)

18. 3. Infraestructura
Bases de datos
○ SQLite
○ MySQL
○ Postgresql
○ Sphinx
18
○ MongoDB
○ CouchDB
○ Riak
○ Hadoop

19. 3. Infraestructura
Motores de búsqueda
○ Sphinx
○ Elasticsearch / Solr
19

20. 3. Infraestructura
Sistemas de cache
○ Redis
○ Memcached
20

21. 3. Infraestructura
Procesado de datos en background
○ Sistema de colas
○ Back-ups
21

22. 22
Código FuenteModelado de la información

23. Programador
4. Código Fuente: Lado servidor
Beneficiarios del alto rendimiento:
23
Usuarios SysAdmin
Empresa /
Empresario

24. 24
4. Código Fuente: Lado servidor

25. Lenguaje de programación
○ Documentación + Grado de madurez
○ Throughput/velocidad first byte.
○ Frameworks maduros disponibles.
○ Librerías disponibles.
4. Código Fuente: Lado servidor
25

26. Patrones de diseño
○ Cómo aplicarlos en el lenguaje de programación.
○ Conocer sus ventajas y limitaciones.
○ Estándares de estilo: PSR-2, Symfony…
○ Escribir “Clean Code” y eliminar los “Code Smells”.
26
4. Código Fuente: Lado servidor

27. 27
¿Clean code?
Robert Cecil Martin (Uncle Bob)

28. 28
¿Clean code?
Ejemplos de “code smells”:
○ Hay código que nadie sabe como modificar o entiende.
○ Código que al modificarlo, rompe otras funcionalidades
(...y no lo sabes hasta que lo reporta un cliente)
○ Errores que “a veces pasan”. Desconocimiento del problema.
○ Añadir una funcionalidad simple requiere muchas horas.

29. Reusabilidad de tu código.
○ DRY: Don’t repeat yourself.
○ Bug fixing en paquetes open source (a ser posible).
29
4. Código Fuente: Lado servidor

30. 30
DRY: Don’t repeat yourself

31. Mantenibilidad de tu código
○ TDD / Unit testing a nivel de clase.
○ BDD / Unit testing a nivel de integración.
31
4. Código Fuente: Lado servidor

32. 4. Código Fuente: Lado cliente
32

33. Programador
4. Código Fuente: Lado cliente
Beneficiarios del alto rendimiento:
33
Usuarios SysAdmin
Empresa /
Empresario

34. Multimedia
○ PNG, JPG ,GIF, WEBP, MP4, SVG
○ Optimización de imágenes
○ Domain Sharding
34
4. Código Fuente: Lado cliente

35. CSS
○ Critical Rendering Path Performance
○ Responsive Web
○ Frameworks CSS
35
4. Código Fuente: Lado cliente

36. Javascript
○ Sync, Async, Deferred
○ Librerias Javascript
36
4. Código Fuente: Lado cliente

37. HTML
○ W3C Compliant
○ Semantic HTML
○ Schema.org
○ SEO
37
4. Código Fuente: Lado cliente

38. 38
EconómicoCuán rentable es nuestra información

39. Programador
5. Económico
Beneficiarios del alto rendimiento:
39
Usuarios SysAdmin
Empresa /
Empresario

40. Time to market
○ Cada día que pasa en subir una funcionalidad resulta más
cara, aporte o no beneficios.
○ Cada día que pasa y no se ha subido una funcionalidad
el departamento de marketing pierde competitividad.
5. Económico
40

41. Tolerancia a los fallos humanos
○ ¿Cuánto tardamos en detectar un fallo de código?
○ ¿Cuánto tardamos en resolver un fallo de código?
41
5. Económico

43. Integración contínua: detectar un fallo de código
○ Detección inmediata de errores.
○ No se sube a producción si hay errores.
43
5. Económico

44. Tolerancia a lo inesperado
○ ¿Cómo reaccionamos a una avalancha de usuarios
inesperada?
○ Mejor aún, ¿sabemos predecir si se avecina una avalancha
de usuarios?
44
5. Económico

45. Métricas
○ Justificar el tiempo invertido o razones de una decisión.
○ ¿Mejora de rendimiento respecto a que indicadores?
45
5. Económico

46. Métricas día a día y contra el año anterior
46
5. Económico

47. 47

48. Nil Portugués Calderó
contact@nilportugues.com
@niluspc
48
Gracias