WPO

Web Performance Optimization. ¿Qué es mucho más importante que el diseño? La velocidad

·

Durante el año pasado dediqué unos cuantos posts a una de mis mayores áreas paralelas de interés, el diseño web. No soy diseñador, pero estoy convencido de dos cosas. Una, de esa verdad como un puño a la que hizo referencia Steve Jobs con su «people DO judge a book by its cover«. Y dos, que la forma es tan importante como el fondo. Si el diseño con el que presentas tus contenidos -o tu aplicación web- es malo, esos contenidos o esa aplicación están probablemente condenados. Hay honrosas excepciones muy de friquis -Reddit, Hacker News- pero hoy en día al usuario final el contenido le tiene que entrar por los ojos.

Y sin embargo, hay algo mucho más importante que el diseño, y eso es la velocidad con la que se presentan nuestros contenidos o nuestra aplicación web. Lo saben muy bien todos aquellos que han triunfado en Internet, y sobre todo en áreas tan complicadas como el comercio electrónico (que se lo digan a Amazon), donde hacer esperar al usuario una décima de segundo más puede suponer la pérdida (o más bien, la ‘no-ganancia’) de mucho, mucho, mucho dinero.

Es más: por muy buenos que sean tus contenidos, y por muy bien presentados que estén, estás acabado si esos contenidos no se muestran lo más rápidamente posible.

Ahí es donde entra una disciplina a la que llevo prestando atención bastante tiempo de una forma mucho más directa. La llamada Optimización del Rendimiento Web (o Web Performance Optimization, WPO) se encarga de prestar atención a todos los aspectos que influyen en la velocidad con que se muestran nuestros contenidos o se ejecuta nuestra aplicación web.

Hay muchísimos recursos en este área, y por ejemplo yo estoy terminándome ahora un libro bastante conocido escrito por Steve Souders, titulado «High Performance Web Sites: Essential Knowledge for Front-End Engineers«. Acto seguido iré a por su continuación, «Even Faster Websites: Essential Knowledge for Frontend Engineers: Performance Best Practices for Web Developers» (aviso, enlaces afiliados de Amazon), porque el primero me está pareciendo la pera limonera. Si tenéis recomendaciones al respecto, me encantaría oírlas leerlas en los comentarios.

Souders, que trabaja en Google y previamente lo hizo en Yahoo! (donde creó YSlow, utilidad hiperconocida para evaluar WPO en vuestros sitios web), es uno de los expertos más reconocidos en este tema con una cuenta en twitter muy jugosa, aunque también os recomiendo a Ilya Grigorik, que fíjate tú, también trabaja en Google, y que es otro crack en este campo, con otra cuenta en Twitter muy recomendable y sobre todo con un recién publicado manual que él mismo titula calificándolo como un ‘crash course‘ (una especie de curso intensivo, vaya) sobre WPO que está disponible en PDF aquí. Y que por si no os lo he dicho, es un documento prodigioso.

Y por supuesto, el (¿o debería decir «la»?) WPO es todo un mundo en sí mismo, y la especialización es tal que cada pequeño factor que afecta al rendimiento de una página web parece generar sus propias ramas de investigación y conocimiento. A mi me toca estar muy pendiente (y me encanta) de todo lo referente a WordPress y a los componentes que lo sustentan (en mi caso, la pila LEMP – Linux, Nginx, MySQL, PHP) y desde que comencé a hacer mis pinitos en este campo descubrí que esto tiene mucha miga. Pero mucha.

Lo demuestra en un fantástico post Pablo Román, un desarrollador web español que trabaja en The Next Web, donde ha sido uno de los máximos responsables del rediseño responsive que analicé no hace mucho y que además también se ha pegado a tope con temas WPO para hacer que TNW sea un ejemplo de alto rendimiento en WordPress. Servir 12 millones de páginas al mes con un WordPress no es moco de pavo, y Pablo desgrana algunas de las claves para lograrlo en ese post que de hecho ha inspirado este otro.

Que por cierto, es el primero de muchos en los que iré contando mis experiencias, que son unas cuantas, aunque no esté más que empezando a comprender un poquito de qué va el tema. Preparaos para unos cuantos posts futuros sobre WPO en Incognitosis. Por cierto, si os tira este campo, atentos al blog Performance Calendar, que está liderado también por Souders (está en todo este hombre) y que es también otra joyita. No os digo más.


Incognichollos

Esta es una selección con las mejores ofertas tecnológicas actualizadas casi diariamente, como expliqué aquí. Aunque estés en un post «antiguo» las ofertas son de última hora, los Incognichollos los actualizo aparte. También puedes seguir los Incognichollos en Twitter o en el nuevo canal de Telegram 🙂 . Aprovecha, que no suelen durar mucho tiempo.

  • OnePlus 7: la evolución del 6T con 6,41?, Snapdragon 855, 8 GB de RAM, mininotch, 256 GB de capacidad (uauh), cámara dual 48+5, 3700 mAh de batería, huella en pantalla. Está a 437,49 euros en AliExpress.
  • Lenovo Yoga 920: un convertible de 13,9 pulgadas con un Core i5-8250U, 8 GB de RAM, 256 GB SSD y Windows 10. Estupendo a este precio, 749,98 euros en Amazon.
  • Auriculares Sennheiser Momentum 2.0: diadema ajustable, micrófono incorporado, diseño chulísimo y una calidad de sonido top según dicen las críticas. Nunca los había visto tan baratos, 108 euros en Amazon Alemania, envío incluido.
  • Altavoz Bluetooth Xiaomi Square Box II: un altavoz portátil con tecnología Bluetooth 4.2, micrófono, manos libres, cancelación de ruido, 1200 mAh, autonomía 10 horas, incluye entrada de minijack de 3,5 mm. Está a 21 euros en Banggood con el código e2db5f
  • Huawei Honor Band 4: con pantalla AMOLED de 0,95?, monitor de sueño, soporte de natación (reconoce distintas brazadas), hasta 50 m de profundidad, lector de frecuencia cardíaca. Muy chula por 24,90 euros en Banggood con el código BGHWBand4es.
  • Xiaomi Mi Band 4: la nueva pulsera cuantificadora con pantalla AMOLED 0,95?, hasta 50 m profundidad y 5 ATM, sensor cardíaco, comandos de voz, notificaciones, brutal por 30,9 euros en AliExpress.
  • OnePlus 7 Pro: el súper teléfono a tope: 6,67 pulgadas a 90 Hz (dicen que son la pera), 8 GB de RAM, 256 GB de capacidad, cámara triple (48+16+8), cámara frontal retráctil 16 MP, lector de huella en apntalla, 4.000 mAh. Está a 657 euros en GearBest.
  • Medion Ultrafino S6445: un ultrabook de 15,6? FullHD con un Core i3-8145U, 8 GB de RAM y 256 GB de capacidad, teclado QWERTY español, Windows 10 Home. Todo por 399,99 euros en Amazon, estupendo.
  • Monitor gaming ASUS MG248QR: con 24 pulgadas y resolución 1080p, pero sobre todo con soporte de tasa de 144 Hz. Fantástico por 239,99 euros en Amazon (299 en PCComponentes).
  • SSD Samsung 2 TB: una unidad SSD con esta capacidad y a este precio es tela. Velocidades de 550 MB/s, está a 195 euros en Amazon Francia, envío incluido.
  • Portátil ASUS VivoBook S14: un 14? Ful HD con un Core i5-8265U, 8 GB de RAM, 256 GB de SSD, teclado español y Windows. El touchpad es además teclado numérico. Está a 499,99 euros en Amazon.
  • Mando Sony DualShock 4 para PS4: el mando en versión 2, inalámbrico, color negro, está a 37,99 euros en Amazon.
  • Windows 10 Pro: una licencia para el sistema operativo de Microsoft. Te la mandan por correo junto a algunas instrucciones. Está a 3 euros en Amazon.
  • Xiaomi Mi 9: si queréis el telefonazo de Xiaomi, atentos. Pantalla de 6,39 euros sin marcos, Snapdargon 855, 6 GB de RAM, 64 GB de capacidad, cámara triple de 48+16+12 MP, está a 384,74 euros en Banggood con el código BG6M9128.
  • iPhone X 256 GB: el telefonazo de Apple del año pasado sigue siendo un gran terminal. 5,8?, Apple A11 Bionic, 3 GB de RAM, 256 GB de capacidad, cámara dual de 12 MP, está a 899 euros en Amazon (1.089 precio normal).
  • OPPO Realme X: el rival a batir en gama media rompedora. Tremendo, 6,53? sin marcos, Snapdragon 710, 4 GB de RAM, 64 GB de capacidad, cámara dual 48+5, cámara frontal periscópica, 3765 mAh, lector de huellas en pantalla. Brutal por 236,45 euros en Banggood.
  • Xiaomi Redmi Note 7: 6,3» Snapdragon 660, 4 GB de RAM, 128 GB de capacidad (ampliables vía MicroSD), 4.000 mAh, minijack y cámara dual de 48+5 MP realmente estupendo por 180,95 euros en Banggood con el código BG5RN74. La versión de 3/32 está a 141 euros en AliExpress, y la de 4/64 está a 163 euros en Banggood con el código BG5RN7.
  • iPad Air (2019): atentos a la nueva versión de la tableta con pantalla de 10,5? y el potente procesador A12 Bionic, además de cámara de 8 MP y 256 GB de capacidad. A tope por 591,06 euros en Amazon (719 en Apple).
  • Xiaomi Mi 9 SE: y la versión compacta: 5,97 pulgadas, Snapdragon 712, 6 GB de RAM, 64 GB de capacidad, triple cámara (48+12+16), lector de huella en pantalla, está a 266,61 euros en Banggood con el cupón 5BGM96SE. Brutal.
  • Portátil HP Pavilion 15-bc450ns: un equipo de 15,6? Full HD con un Core i5-8300H, 8 GB de RAM, 1 TB de HDD, 128 GB SSD (uauh) y GeForce GTX 1050 (uauh!), sin Windows (hay incognichollo ahí de 1,5 euros para resolver). Está a 629,99 euros en Amazon.
  • Unidad SSD Lexar 120 GB: modelo SATA 6 GB/s, hasta 550 MB/s de velocidad de lectura, fantástico como complemento para tu PC o portátil sobre todo a este precio mísero: 21,29 euros en Amazon. La versión de 240 GB, a 36,19 euros.
  • Asus ZenFone 6: el nuevo telefonazo de Asus con pantalla sin marcos de 6,4 pulgadas, 6 GB de RAM, 64 GB de capacidad y esa cámara desplegable dual que funciona tanto como frontal como trasera. Está a 477 euros en GearBest
  • Xbox One S Digital + 3 juegos: la consola de Microsoft sin unidad de Blu-ray incluye un mando y Minecraft, Sea of Thieves y Forza Horizon 3. Está a 175 euros en AliexpressPlaza con el código «plazaoff«. Envío desde España, 2 años garantía.
  • HP Noteboook 15: portátil de 15,6 pulgadas HD (1366×768, el único fallito), CPU AMD A9-9425 (tipo Celeron), 12 GB de RAM, 256 GB de SSD, Windows 10, teclado español. Modesto en CPU y pantalla pero muy bien lo demás, el precio mola: 449,99 euros en Amazon.
  • Tablet Amazon Fire 7: la renovada tableta de Amazon con mejor procesador y sobre todo con el doble de capacidad que el modelo de 2017. La versión de 16 GB (ampliable vía microSD) está a tan solo 69,99 euros en Amazon.
  • Bolígrafo Xiaomi Mijia Pen + 3 recambios: el boli de 0,5 mm con tecnología suiza (o eso dicen) que enamora. Yo ya he comprado varios, y la verdad es que molan, y por este precio, más. El boli + tres recambios sale por 3,41 en AliExpress.

¿Quieres recibir un correo de aviso cuando publique nuevas entradas?

Standard

4 comentarios en “Web Performance Optimization. ¿Qué es mucho más importante que el diseño? La velocidad

Comentarios cerrados