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.

  • Xiaomi Air 12: el portátil “bajo de gama” de Xiaomi es una maravilla como ya visteis en el análisis, y sigue a precio brutal, 430 euros en GearBest con el cupón GB3RDAir12
  • Logitech K400 Plus: yo uso a diario el modelo “no Plus” y estoy encantado. Este es mucho mejor, y está a la mitad de precio chavales: 22,90 euros en Amazon (49% dto.)
  • NAS Xiaomi R1D AC WiFi: atentos a este NAS de lo más llamativo que además de ser un router con WiFi 802.11ac incluye (flipad) un disco duro de 1 TB. Yo ya tengo NAS y sabéis que lo adoro, así que no tardéis mucho. Ha bajado desde ayer, ahora está a 72,90 euros en GearBest. Uauh.
  • Xiaomi Mi Max 128 GB: este modelo cuenta con un Snapdragon 652 que cumple bien, pero atentos a esas 6,44 pulgadas (manos pequeñas no, gracias) y una batería inacabable. El precio, 247,22 euros en GearBest
  • Garmin Forerunner 235: el reloj con pulsómetro para deportistas, a buen precio: 234 euros en Amazon (33% dto.)
  • Camisetas Jack & Jones: incognichollo raro del día, pero las camisetas no están mal y están a 7,99 euros en Amazon con el cupón NOVEDADES17.
  • Crocs Classic: segundo incognichollo raro del día, pero de nuevo parece una oferta curiosa. Muchos colores y tallas desde 14,90 euros en Amazon.
  • iPhone 7 32 GB: el modelo negro está a precio desconocido, el vendedor tiene muy buena reputación en eBay, así que si vais a por uno, gran opción: 525 euros en eBay.  
  • OnePlus 3T 64 GB: el cholloteléfono está a precio de lujo: 368 euros en iGogo con el cupón REYSCHO315. Es la versión sin la banda de los 800 MHz para 4G, pero qué queréis que os diga: eso es una minucia. 
  • GPD WIN GamePad: hablé de este miniPC con Windows 10 en unas ofertas pasadas y la verdad es que está curioso y, una vez más, barato: a 274,69 euros en GearBest con el cupón 3rdGPD.
  • Xiaomi Mi Note 128 GB: un superteléfono de este fabricante con 5,7 pulgadas “curvas” (no tanto como el S7 Edge), 6 GB de RAM, 128 GB de ROM, un Snapdragon 821 y una cámara de 23 Mpíxeles. Su precio, el más bajo de hace mucho, 489 euros en Banggood con el cupón KIMOVILNOTE2
  • Batería externa 15.000 mAh Lumsing: yo me compré una el otro día, fue demasiado irresistible. Vuelve el chollo, 7,80 euros en Amazoncon el cuón LUMSINGV
  • Extensor WiFi Belkin: si no te llega bien la WiFi en casa, este aparatito podría darte bastante vidilla. A 17,90 euros en Amazon (49% dto.)
  • Cámara de acción FullHD: sumergible y para experimentar con este ámbito, y a este precio incluso que lo hagan los más pequeños. Está a 14,99 euros en eBay.
  • Beelink TV Box: con un Amlogic quad-core, 2 GB de RAM y 16 GB de capacidad, una TV Box con Android 6.0 que no está nada mal. A 40,28 euros en GearBest.
  • Xiaomi Mi5s 64 GB: con un Snapdragon 821 a tope, 6 GB de RAM y 64 GB de capacidad, lo tenéis a 245,05 euros en Banggood con el cupón XYmi5s64. 
  • Sony Alpha 500: una EVIL de 20,1 Mpíxeles con objetivos 16-50 mm f/3.5 y 55-210 f/4.5 incluidos y a precio muy rebajado, casi la mitad: 449 euros en Amazon (44% dto.)

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

Standard

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

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

    • 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!