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. También puedes seguir los Incognichollos en Twitter o en el nuevo canal de Telegram 🙂 . Aprovecha, que no suelen durar mucho tiempo.

  • Xiaomi Redmi Note 8T: 6,3?, Snapdragon 665, 4 GB de RAM, 64 GB de capacidad, cámara cuádruple (48+8+2+2), 4.000 mAh de batería, lector trasero, buena opción recién salida del horno. Está a 154 euros en eBay con el código PREGALO5. En Amazon está a 183,90 euros.
  • Unidad SSD Crucial BX500 2 TB: una unidad SSD alucinante en capacidad (2 TB!!) y velocidad (550 MB/s) que está a 201 euros en Amazon Alemania, envío incluido.
  • Xbox One X 1 TB + Star Wars Jedi: Fallen Order: la consola más potente de la historia con un mando inalámbrico, 1 TB de capacidad y el juego ‘Star Wars Jedi: Fallen Order’ está a 329 euros en Amazon. Espectacular chollo, diría yo. Hay packs a ese precio o similar con el Gears 5, Forza Horizon 4, The Division 2 o Metro: Exodus
  • PC Acer Aspire XC-330: un equipo modesto pero válido para puestos de trabajo no exigentes. Lleva un AMD A4-9120, 4 GB de RAM, 1 TB de disco duro, Windows 10 Home y está a 222 euros en Amazon, baja de 329,99 euros.
  • Juego Simon Classic: el tradicional juego de luces, sonidos y memoria de Hasbro baja de precio, está a 21,92 euros en Amazon (baja de 25,95).
  • Módulo RAM para portátiles Crucial 4 GB: un módulo DDR4 de 260 pines que se usa en muchos portátiles, PC4-19200, 2400 MT/s, 4 GB de capacidad, y que está barato, solo 12,17 euros en Amazon (baja de 19,35)
  • MSI Modern 14: muy curiosete este 14 pulgadas FullHD con un Core i5-10210U recién salido del horno (eficiente a tope), 8 GB de RAM, 512 GB de SSD, una GeForce MX250 de NVIDIA para que podáis jugar un poco y que eso sí, no tiene sistema operativo (licencia de Windows 10 está a 3,99 euros en eBay). Con teclado en español, está a 799,99 euros en Amazon.
  • Samsung Galaxy S8: un telefonazo aún hoy en día. 5,8 pulgadas, Exynos 8895, 4 GB de RAM, 64 GB de capacidad, cámara estupenda de 12 MP, Samsung DeX y Samsung Pay, está a 192 euros en Amazon pagando con PayPal y usando el código PREGALO5.
  • Auriculares Corsair Void Pro Surround: sonido envolvente Dolby 7.1 en estos auriculares gaming con conector de 3,5 mm perfectos para la Xbox One, la PS4 o el PC. Micrófono integrado para tus partidas. Está a 59,99 euros en Amazon (baja de 89,99).
  • Xiaomi Mi A3: 6,01?, Snapdragon 665, 4 GB de RAM, 128 GB de capacidad, cámara triple (48+8+2 MP), Android One (puro), lector de huella bajo pantalla, sin NFC, brutal por 164 euros en GearBest con el código GBA312802. En Amazon está a 178,99 euros si preferís esa opción.
  • Xiaomi Redmi Note 7: modelo reacondicionado garantizado de segunda mano «como nuevo» según Amazon y que permite que tenga un precio estupendo. El móvil es estupendo con sus 6,3?, Snapdragon 660, 3 GB de RAM, 4 GB de RAM, 64 GB de capacidad, cámara dual 48+5 y 4.000 mAh de batería. Está a 130 euros en Amazon.
  • Nintendo 2DS XL con Mario Kart 7: la consola portátil de Nintendo a buen precio, en color negro-lima y con el juegazo Mario Kart 7 preinstalado. Está a 117 euros en Amazon Francia, envío incluido.
  • Western Digital My Cloud Home Duo: un NAS con dos bahías que incluye dos unidades con 4 TB de almacenamiento en total, dos puertos USB y puerto Gigabit Ethernet, estupendo a 209,97 euros en Amazon (baja de 399,99).
  • Fortnite: Lote Fuego Oscuro: precio mínimo histórico para este lote que incluye el juego Fortnite Battle Royale, 3 trajes, 3 accesorios mochileros, 3 hachas duales, 3 envoltorios y un nuevo emote. Está a 19,99 euros en Amazon tanto para PS4 como para Xbox One.
  • Logitech Driving Force: palanca de cambios para juegos de conducción compatible con Logitech G29 (PS4/PC) y G920 (Xbox One/PC). Está a 37,90 euros en Amazon Italia envío incluido.
  • Amazon Fire HD 8: la tableta de Amazon de 8 pulgadas con un procesador quad-core a 1,3 GHz, con 1,5 GB de RAM y 16 GB de capacidad, en este caso un modelo reacondicionado certificado por Amazon. Eso permite bajar el precio a 55,99 euros en lugar de los 89,99 que costaría nueva (que es como está prácticamente).
  • Xiaomi Redmi Note 8: 6,53?, Snapdragon 665, 4 GB de RAM, 64 GB de capacidad, cámara cuádruple (48+8+2+2) y 4.000 mAh de batería. Lo tenéis a unos espectaculares 131,22 euros en GearBest con el código GBNOTE8BF. En Amazon a 168,40 euros, también lo tenéis en eBay por 155,90 euros y regalan funda de silicona.
  • Kindle Paperwhite: el lector de ebooks de Amazon de 6 pulgadas, con 8 GB de capacidad y resistente al agua. Es el modelo reacondicionado con garantía de Amazon, así que como nuevo, pero en lugar de 130 sale por 82,99 euros en Amazon. Así ya lo tendrás listo para llevártelo a la pisci o playa sin miedo.
  • Moleskine Smart Tools: set de escritura inteligente, cuaderno digital y bolígrafo + Smart Pen que permite que todo lo que escribas en tu libreta Moleskine se digitalice y esté disponible en tu móvil, tableta o portátil con la app. Está a 99,99 euros en Amazon, chollo porque baja de 229 euros, muy buenas opiniones.
  • Samsung UE43RU6025: una Smart TV 4K UHD con panel LED, soporte HDR, 43 pulgadas de diagonal, diseño ultradelgado, está a 315 euros en Amazon.
  • Lenovo IdeaPad 330-15IKBR: configuración modesta, pero atentos. 15,6? HD (es la pega importante, no FullHD), Core i5-8250U, 4 GB de RAM (algo justos), 128 GB SSD. Teclado español, sin sistema operativo. Está a 359,99 euros en Amazon.
  • Echo Dot (3ª Gen) con Reloj: el altavoz de inteligente en su edición con reloj digital sobreimpresionado con un pequeño sistema de LEDs. Muy curioso y con todas las opciones de Alexa y sonido mejorado desde las pasadas generaciones, está a 34,90 euros en Amazon.
  • Juegos PS4: varias ofertas que podéis disfrutar o regalar. Grand Theft Auto V (14,99 euros), ‘La Lego Película 2: El Videojuego’ (19,75 euros), ‘Trine 4: The Nightmare Prince’ (19,95 euros), ‘Final Fantasy XII.The Zodiac Age’ (20,32 euros), ‘Medievil’ (25,90 euros), ‘Pack Tekken 7 + SoulCalibur VI’ (27,95 euros) y ‘Ghost Recon: Breakpoint Gold Edition’ (44,90 euros, baja de 99,99)
  • Auriculares Sony WH-XB900N: auriculares inalámbricos con una autonomía de hasta 30 horas, cancelación de ruido digital, NFC y Bluetooth, diseño plegable, extra Bass y control de reproducción en uno de los auriculares. Están a 157 euros en Amazon Francia, envío incluido. En Amazon España cuestan 190.
  • Echo Dot (3ª Gen) + Philips Hue White and Color Ambiance (2 bombillas) + puente: un pack completo para combinar las bombillas inteligentes de Philips con el altavoz mejorado de Amazon. Todo por 86,99 euros (baja de 132 euros).
  • Amazon Fire HD 10: reacondicionada y garantizada por Amazon, buena tableta de 10,1 pulgadas con resolución Full HD 1080p, capacidad de 32 GB, 2 GB de RAM, WiFi 802.11ac, está a 88 euros en Amazon Alemania, envío incluido.
  • Amazon Echo Dot (3ª gen): si te habías perdido la oferta atento porque vuelve a estar en rebajas el altavoz inteligente «pequeñito» de la familia. Con sonido mejorado a tope desde la anterior versión, Alexa, distintos colores, a 24,99 euros en Amazon
  • Realme 5 PRO: un modelo bastante interesante. Pantalla de 6,3? con mininotch, Snapdragon 712, 4 GB de RAM, 64 GB de capacidad ampliables, cámara cuádruple (48+8+2+2), conector de auriculares (yippie!) y 4.035 mAh de batería. Está a 179 euros en Amazon tanto en azul (con el código 4BEAAUP5) como en verde (código HH9TAHFV). También está a 175 euros en eBay, y si queréis, la versión de 128 GB está a 219 euros en eBay con envío desde España.
  • Monitor AOC Q3279VWFD8: un monitorazo de 32 pulgadas con resolución QHD (2560×1440), soporte AMD FreeSync, conectores DisplayPort y HDMI, tiempo de respuesta de 4 ms, fantástico para trabajar e incluso para jugar. Está a 199,99 euros en Amazon.
  • Portátil BMAX Y13: modesto en procesador, pero atentos a lo demás. Un convertible de 13,3 pulgadas Full HD que además tiene pantalla táctil que gira 360 grados. Integra un Intel Celeron N4100, 8 GB de RAM, 256 GB de SSD, teclado retroiluminado (inglés), Windows 10, sorprendente por 337 euros en GearBest.
  • Proyector Nebula Prizm II: atentos a este proyector con resolución nativa 1080p, 200 Lumen, conexión HDMI, salida de audio, altavoces incorporados, corrección trapezoidal y proyecta hasta 120 pulgadas. Está a 177,23 euros en Amazon Alemania con el cupón de la imagen. Brutal.
  • Monitor LG 27GK750F: un monitor estupendo para gaming de 27 pulgadas con resolución 1080p pero sobre todo soporta hasta ¡240 Hz! de frecuencia de refresco. 1 ms de tiempo de respuesta, DPx1, HDMIx2, USB3.0x3, a tope por 299 euros en Amazon
  • Lenovo Desafíos Jedi: el juego de realidad aumentada que incluye las gafas Lenovo Mirage y el mando espada láser además de la baliza de movimiento, compatible con un montón de móviles, varios juegos de Star Wars incluidos, está a solo 39,99 euros en Amazon. Regalazo navideño para los peques ahora que se estrena la última entrega.
  • iPad 10,2 pulgadas (2019) 32 GB: el modelo de este año que además de soporte para el Apple Pencil también tiene soporte para el Smart Keyboard, así que con iPad OS podéis tener una especie de portátil funcional. Está a 299 euros en eBay (¡gracias Pakillo!)
  • MiniPC Beelink T4: modesto pero estupendo a este precio. Un pequeño ordenador de sobremesa tipo Mac Mini con un Intel Atom x5, 4 GB de RAM, 64 GB de capacidad, WiFi, Gigabit Ethernet, 2 x USB 3.0, estupendo a 109,35 euros en GearBest.
  • Cargador inalámbrico para el coche: un soporte para llevar el móvil en el coche y cargarlo mientras está ahí colocado. Soporta estándar Qi y 10 W en carga rápida. Estupendo a 9,99 euros en Amazon.
  • Motorola Moto G8 Plus: 6,3 pulgadas, Snapdragon 665, 4 GB de RAM, 64 GB de capacidad (ampliables), cámara triple (48+16+5 MP), lector de huella trasero, 4.000 mAh de batería, muy equilibrado por 249 euros en Amazon.
  • Enchufe inteligente TP-Link HS100: con él podrás controlar encendido y apagado de todos tus dispositivos de forma remota, pero también programándolo. Soporta Google Home y tiene modo fuera de casa para encender y apagar dispositivos y luces a diferentes horas. Está a 14,99 euros en Amazon.
  • Hub 7 en 1: un concentrador que permite conectar su puerto USB-C a tu portátil, tableta o móvil y sacar de ahí 1 puerto HDMI 4K, 3 puertos USB 3.0, lector de tarjetas SD y puerto adicional USB-C para datos y carga. Estupendo a 17,5 euros en Amazon con el código LIQUIDAR.
  • MacBook Air: el nuevo modelo con un Core i5 dual core, 8 GB de RAM y 128 GB de capacidad, además de la pantalla Retina de 13,3 pulgadas y Touch ID. Está a 1.119 euros en Amazon en color oro (baja de 1.249).
  • ASUS ZenBook UX410UA: portátil puro de 14 pulgadas Full HD con un potente Core i7-8550U, 8 GB de RAM, 128 GB de SSD, 1 TB de HDD pero sin sistema operativo (licencia de Windows 10 está a 3,99 euros en eBay), teclado español, está a 599,99 euros en Amazon.
  • HP Stream 14: el más barato todavía. Modesto a tope, pero económico más a tope aún. 14 pulgadas HD (768p), una CPU AMD A4-9120e modestita, 4 GB de RAM, 64 GB de eMMC, Windows 10 y teclado español, por 199,99 euros en Amazon no se le puede pedir más ni de coña. Lo veo perfecto para niños, por ejemplo.

¿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