Tecnología

Tipografías y el balance entre rendimiento y diseño web

Si lleváis tiempo leyéndome seguramente sepáis ya que una de mis pequeñas pasiones es el diseño y el rendimiento web. Tuve que ahondar en estos temas profesionalmente para una etapa profesional anterior y me quedé con la copla. Tanto que ahora tengo una opinión muy fuerte sobre lo que creo que un sitio web debe y no debe dar en este tipo de materias.

Esa problemática la he trasladado también a Incognitosis, claro. El rediseño que puse en marcha hace ya dos años y medio sigue manteniendo su validez, pero eso no implica que no haya apartados que mejorar.

Uno de ellos es difícilmente atacable. Resulta que cuando me puse a probar rediseños tuve claro que quería una tipografía muy especial. El problema es que las tipografías “seguras” (safe web fonts) que se usan por defecto en la mayoría de navegadores son efectivas pero impersonales, y yo buscaba un toquecito de personalidad.

Eso me acabó decidiendo a usar Linux Libertine, una tipografía con guiño incluido (para eso soy linuxero de corazón, aunque use Windows todo el día) que me pareció perfecta para ese rediseño. ¿Qué problema hay? Pues que como buena webfont, su uso condena (un poco el rendimiento).

Eso se ve rápidamente cuando paso alguna prueba de rendimiento rápida como WebPageTest en la que la cascada de elementos y recursos que se van cargando deja claro que cualquier webfont impone una carga inadmisible si buscas rendimientos óptimos. Da igual que yo use Redis como sistema de caché y que la carga de la página (menos de 1MB normalmente) sea asumible y se realice en un par de segundos. El caso es que lo de las tipografías web se nota. Pesa. Durante todo este tiempo he preferido obviar el problema y sacrificar tiempo de carga y tamaño de página para lograr un Incognitosis que en mi opinión está bastante logrado. Esta mañana, no obstante, un artículo sobre rendimiento web me ha recordado que debería volver a repasar el asunto y quizás buscar alternativas.

Lo ideal, claro, es tirar de tipografías seguras y estándar. En sitios como CSS Font Stack tienen una buena relación de lo seguras que son esas fuentes (con una estimación de lo mucho que están soportadas en Windows y macOS), y de las que vi disponibles en el catálogo de serifas solo me parecía adecuada Garamond, con un 86,47% de soporte en Windows y, eso sí, un pobre 49,91% en macOS, bastante bajito. Podría ir a una Times New Roman mucho más segura, como ocurre con Georgia o Palatino, pero ninguna de ellas me acaba de convencer en las pruebas preliminares. De hecho he puesto un rato Garamond y si habéis accedido a Incognitosis de nuevas hoy habréis visto que la cosa cambiaba bastante:

Si pincháis en la imagen podréis verla a tamaño completo. A la izquierda, Garamond. A la derecha Linux Libertine.

La verdad es que de primeras choca, porque con una Garamond 26px/36px el texto  está casi como medio borrado frente a una mucho más consistente Linux Libertine 22px/32px. No se lee mal, y de hecho la lectura es como más “ligera”, por decirlo de algún modo, pero no sé si me convence. Y aquí, claro, es donde llega la pregunta. Creo que voy a dejar Linux Libertine, pero ¿cómo veis el cambio?

Actualización: los experimentos, mejor con gaseosa. Volvemos a Linux Libertine (puede que tarde un poco en refrescar aspecto por caché). Quizás más adelante vuelva a probar cosas de este estilo con algo más de calma.


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. Aprovecha, que no suelen durar mucho tiempo 🙂

  • OnePlus 5 64 GB: el nuevo súper telefono de OnePlus, con cámara dual (16+20 MP), un Snapdragon 835 6 GB de RAM y 64 GB de capacidad (no ampliables). Está a 368,25 euros en GearBest con el cupón 6XSEMJUROSOP5. A mí, que conste, me gusta más el Mi 6, pero si os importa la pantalla AMOLED de 5,5 pulgadas, aquí tenéis al candidato. Por cierto, la versión con 8 GB de RAM y 128 GB de capacidad está a 511,03 euros en GearBest con el cupón OnePlus5.
  • Xiaomi Mi 6 64 GB: el súper telefonazo de este fabricante sigue bajando de precio: todo un Snapdragon 835 con 6 GB de RAM y 64 GB de ROM a un precio fantástico: a 341,90 euros en TomTop con el cupón DSXM664. El modelo de 128 GB está a 438,34 euros en GearBest con el cupón MiMK4G.
  • Samsung Gear Fit 2: una pulsera cuantificadora con un diseño en el que destca esa pantalla OLED de 1,5 pulgadas alucinante. Con GPS, y gestión de notificaciones. En color azul súper rebajada: 107,86 euros en Amazon (46% dto.)
  • PS4 Reacondicionada certificada: o lo que es lo mismo, teóricamente perfecta y con la garantía de 1 año del fabricante y Amazon que es que la vende. Llega con un mando y a precio fantástico si te la quieres regalar (a ti o a otro): está a 186,33 euros en Amazon
  • Auriculares Xiaomi Mi Wireless Bluetooth: unos auriculares inalámbricos muy majos de Xiaomi a precio súper chollo: 16,55 euros en Cafago con el cupón ALPA39. Si sois nuevos usuarios y os registráis y suscribís a la newsletter os darán 200 puntos para descontaros 2 euros más (en la cajita donde se paga tenéis que añadir tanto el cupón como los puntos a decontar).
  • Samsung Galaxy S7 Edge: el tope de gama de Samsung del año pasado (en su versión Dual SIM liberada) sigue siendo un telefonazo con esa pantalla curvada de 5,5 pulgadas, 4 GB de RAM, 32 GB de capacidad (ampliables) y sobre todo una cámara fantástica. Está a 399 euros en eBay
  • LG G6: el súper teléfono con pantalla casi sin bordes y ese curioso formato 18:9, un Snapdragon 821, 4 GB de RAM, 64 GB capacidad y esa doble cámara de 13 Mpíxeles tan fantástica. Está a precio de risa: 349 euros en eBay. Increíble para un tope de gama de 2017.
  • Clave de Windows 10 Pro: si no queréis complicaros la vida a la hora de instalar este sistema operativo, en Amazon están vendiendo licencias a un precio fantástico, y lo de que sea esta tienda quien gestiona todo da cierta confianza, porque el precio es demasiado bueno: 8 euros en Amazon, uauh.
  • OnePlus 3T: aunque el OP5 ya está disponible este modelo sigue siendo interesante. El Snapdragon 821, 6 GB de RAM, 64 GB de capacidad y una cámara muy maja justifican un precio que no está nada mal: 326,29 euros en Banggood con el cupón 7BGESOP3T64.
  • Teclado Bluetooth para tablet: está en español, es delgadito, compatible con iOS, Android, macOS y Windows y sobre todo tiene un precio atractivo para un accesorio de batalla: 11,57 euros en Amazon. Relacionado: este teclado mecánico con eñe está a 27,99 euros en Amazon con el cupón JODNA9BS.
  • ASUS ZenFone Zoom 128 GB: destaca por su zoom 3x (análisis) y una parte trasera que recuerda mucho a los Lumia 1020. Las especificaciones son curiosas: un Atom Z3590, 4 GB de RAM, 128 GB de capacidad (uauh) y pantalla 1080p de 5,5 pulgadas. Una opción interesante por los 166,56 euros que cuesta en GearBest con el cupón ZX551MH.
  • Alcoholímetro digital: incognichollo offtopic curioso, pero útil. Si quieres comprobar si puedes conducir o no, atento a este dispositivo con 20 boquillas desechables. Está a 12,99 euros en Amazon.
  • Xiaomi Air 13: el portátil más chollo de los últimos tiempos vuelve a estar a precio destacado. Ya sabéis, no tiene desperdicio y es una gran opción si buscáis portátiles de esta gama. Está a 569,84 euros en GearBest con el cupón ESMAIR13 para el modelo plateado, ole. 
  • Moto Z Play 64 GB: uno de los terminales más curiosos del año pasado, y que sigue teniendo su encanto aún hoy, sobre todo por los Moto Mods. Pantalla de 5,5 1080p, SnapDragon 625, 3 GB de RAM, 64 GB de capacidad (ampliables) y cámara de 16 Mpíxeles, todo por 218,63 euros en Banggood. Otra opción: en Amazon Alemania está a 261,33 euros envío incluido.
  • GamePad para Android/iOS: si queréis jugar en vuestro móvil con un mando tipo PS4/Xbox que además tiene soporte para el móvil, atentos al GamePad de Ipega, que cuenta con conexión Bluetooth y batería de 380 mAh. El precio, 12,33 euros en GearBest con el cupón IPEGAES.
  • Clave de Microsoft Office 2016: si además de Windows 10 queréis usar la suite ofimática de Microsoft, aquí tenéis licencias de la versión de 2016 a precio igualmente fantástico: 11,30 euros en Amazon.
  • Xiaomi Mi Note 2 64 GB: el phablet de 5,7 pulgadas de Xiaomi llega con un Snapdragon 821, 4 GB de RAM y 64 GB de capacidad, pero sobre todo con una batería brutal de 4.070 mAh. Si os gustan los móviles grandotes y valoráis que la batería dure mucho, gran opción. Lo tenéis a 278,74 euros en Banggood con el cupón 7BGESMN264.
  • Gafas polarizadas de oferta: incognichollo off-topic, pero es que las críticas son fantásticas para estas gafas que valen tanto para hacer deporte como para dar una vuelta. Polarizadas y con diseño simpático. Adivinad quién acaba de coger unas 😉 Están a 12,99 euros en Amazon.
  • SSD Samsung 850 EVO 1 TB: nada menos que un terabyte de capacidad para esta unidad impresionante de Samsung que tiene un precio estupendo si os apetece tener mucho almacenamiento en vuestro equipo, y muy rápido. Está a 312,60 euros en Amazon (22% dto.). Algo peor en rendimiento pero más barato es el WD Blue de 1 TB que está a 269 euros en PCComponentes. Uauh.
  • Dron DJI Phantom 3: uno de los mejores drones de los últimos tiempos está a precio de escándalo, así que si queréis ir más allá en este ámbito, gran opción. Lo tenéis a 359,99 euros en TomTop con el cupón WCTDJIPH3.
  • Patinete eléctrico Xiaomi: el scooter de Xiaomi es una buena opción para desplazamientos urbanos. Hasta 30 km de autonomía, velocidades de 25 km/h. Todo por un precio de 329 euros en GearBest con el cupón GBXMSTE.
  • Xiaomi Mi 5s: la versión más potente del Mi5, que llega con el Snapdragon 821, 3 GB de RAM y 64 GB de capacidad, además de esa cámara de 12 Mpíxeles con el mismo sensor de los Google Pixel. Está a 227,06 euros en GearBest.
  • Xiaomi Mi WiFi Router/NAS: este router que es medio NAS también mola porque tiene un disco duro de 1 TB dentro y porque además de tener WiFi de doble banda tiene NFC (para negociar la conexión WiFi) y un software llamativo. Por 114,84 euros en GearBest y con envío rápido, mola.
  • Xiaomi Air 12: y si queréis ahorrar algo de dinero en un modelo algo más modesto, el 12,5 pulgadas con un Core m3. 4 GB de RAM y 128 GB de SSD es una fantástica opción. Está a 391,13 euros en GearBest con el cupón ESAIR12. La versión más potente con un m3-7Y30 (más eficiente) está a 444,99 euros en GearBest con el cupón NEWMIAIR12.
  • Samsung Galaxy S6 32 GB: un móvil fantástico aunque sea un modelo de hace dos años. Si buscáis una gran cámara y un hardware que no está nada mal lo tenéis en eBay por 229,99 euros. Mucho mejor que muchos actuales con ese precio, creedme.
  • Xiaomi Mi 5 64 GB: la versión internacional de este móvil tope de gama y con precio absolutamente ridículo. Ni Motorolas G5s ni leches. Si buscáis un móvil de garantías compradlo ya, porque además ha bajado de precio: Está a 204,26 euros en GearBest con el cupón HYMi564.
  • Cámara deportiva 4K: el verano es una época fantástica para juguetear con estas cámaras de aventura estilo GoPro. Como otras muchas, esta ofrece buenas prestaciones a precio ridículo: sumergible gracias a la carcasa incluida, WiFi, grabación en 4K a 30 fps y en 1080p a 60 fps. Está a 17,99 euros en TomTop.
  • Portátil Chuwi LapBook 12.3: un equipo de lo más interesante con un Celeron N3450, Windows 10 Home, pantalla de 12,3 pulgadas con resolución 2.736 x 1.824, 6 GB de RAM y 64 GB de capacidad (ampliables), además de puerto HDMI, 2xUSB 3.0 y batería de 8.000 mAh. Muy, muy cuco por 271,77 euros en GearBest. El modelo de 14 pulgadas es aún más barato, y está a 201,63 euros en GearBest.
  • Xiaomi Mi Max 2: la versión con ROM internacional de este súperphablet de 6,44 pulgadas está súper rebajado. Llega con un Snapdragon 625, cámara de 12 Mpíxeles, 4 GB de RAM y 64 GB de capacidad y esa batería inacabable de 5.300 mAh. Está a 245,47 euros en GearBest.
  • Huawei P8 Lite: este cinco pulgadas (análisis)  sigue teniendo encanto con su Kirin 655, 3 GB de RAM y 16 GB de capacidad. Cuenta con lector de huellas y cámara de 12 Mpíxeles, muy simpático por 150,90 euros en Amazon.
  • Chuwi Hi10 Plus: un tablet convertible que puede haceros un buen servicio en viajes y vacaciones. Cuenta con una pantalla de 10,8 pulgadas (1.920 x 1.280), Intel Atom X5-Z8350, 4 GB de RAM, 64 GB de capacidad ampliables y Windows 10 o Android 5.1. Cuesta 140,97 euros en GearBest con el cupón HI10PLUS, y la funda-teclado opcional (pero que es lo que le da sentido al conjunto) cuesta 25,45 euros
  • Xiaomi Mi 5s Plus: una gran opción para esta variante “grande” del 5s. Tienes pantalla de 5,7 pulgadas, un Snapdragon 821, 4 GB de RAM y 64 GB de capacidad (no ampliables), doble cámara de 13 Mpíxeles (interesante, interesante) y una batería de 3.800 mAh. Está a 264,32 euros en GearBest.
  • Disco duro externo Maxtor 1 TB: Backups al poder, chicos. 49,80 euros en Amazon (25% dto.). 2 TB a 72,40 euros en Amazon (27% dto.) y 4 TB a 124,30 euros en Amazon (35% dto.)

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

Standard

15 comentarios en “Tipografías y el balance entre rendimiento y diseño web

  1. Korso dice:

    La tipografía de tu blog -y el diseño en general- es de lo más agradable de leer que se puede encontrar (con permiso de Medium, que otra cosa no, pero es muy agradable de leer). Eso sí, estoy en Linux y estoy leyendo el blog en Arial. Javi, por favor xD

    • Sí, Lato efectivamente se me ha quedado porque la uso en los blockquotes y en la cajita del buscador. Quería probar quitando Linux Libertine, pero no parece que vaya muy bien la cosa :/

    • Hola Moronguer

      Claro que acepto sugerencias 😉 Los textos justificados funcionan para según qué cosas, pero creo que no son buenos para una narrativa como la de un blog en la que justificar párrafos invita a una lectura monótona. Que una línea acabe antes o después hace que el recorrido visual sea más entretenido en mi opinión, y ayuda a que no te pierdas si el texto es largo (o denso). Lo consideré en su momento y lo descarté.

      Gracias de todos modos, y no dudes en apuntar cualquier otra cosa que se te ocurra Moronguer!

Comentarios cerrados