.jpg)
En l'ecosistema actual del desenvolupament web, la batalla entre el renderitzat al servidor i al client sembla no tenir fi. Frameworks com React, Vue o Svelte han popularitzat les aplicacions de pàgina única (SPA), on gran part de la interfície es construeix mitjançant JavaScript al navegador. No obstant això, aquest enfocament pot resultar innecessàriament complex quan el servidor ja és capaç de generar HTML complet. En aquest context, l'equip de Chrome ha proposat una API experimental anomenada Declarative Partial Updates (DPU), que promet canviar la forma en què concebem l'streaming d'HTML. En lloc de delegar cada actualització parcial al JavaScript del client, DPU permet al servidor declarar zones del document que seran reemplaçades més tard, utilitzant simples marques a l'HTML. El navegador, sense intervenció de scripts addicionals, és capaç d'inserir el contingut entrant al lloc correcte. Això obre la porta a una arquitectura híbrida on el servidor genera fragments HTML sota demanda i el client només gestiona la interactivitat pura. Per a una empresa de desenvolupament com Q2BSTUDIO, aquesta evolució suposa una oportunitat per repensar com es dissenyen les interfícies modernes, combinant el millor d'ambdós móns.
La proposta de DPU no busca eliminar els frameworks de frontend, sinó proporcionar un mecanisme natiu del navegador que complementi les seves capacitats. Amb DPU, podem enviar un esquelet HTML inicial i, posteriorment, transmetre parts que requereixen més temps de generació (per exemple, recomanacions personalitzades o dades provinents d'una API lenta) sense necessitat que el client executi fetch, converteixi JSON a HTML i l'injecti manualment. El servidor simplement etiqueta una àrea amb <?start name='recomanacions'> i <?end>, i més tard envia un <template for='recomanacions'> amb l'HTML final. El navegador reemplaça el marcador de càrrega pel contingut real. Això no només redueix la quantitat de JavaScript al client, sinó que millora la percepció de velocitat i l'eficiència de la xarxa. A Q2BSTUDIO entenem que l'optimització del rendiment és clau en qualsevol projecte d'aplicacions a mida, i tecnologies com DPU permetran oferir experiències més ràpides sense renunciar a la riquesa interactiva.
A més de la substitució de rangs, DPU introdueix el marcador <?marker>, que actua com un punt d'inserció per a contingut que encara no ha arribat. Això possibilita, per exemple, afegir elements un a un a una llista a mesura que el servidor els genera, mantenint el flux continu. La combinació de DPU amb les noves APIs d'inserció d'HTML des de JavaScript —com setHTMLUnsafe() i streamHTMLUnsafe()— potencia encara més les capacitats d'streaming fins i tot en contextos SPA. Amb aquestes eines, una aplicació pot obtenir fragments HTML mitjançant fetch i abocar-los directament en un element del DOM mentre es descarreguen, sense esperar la resposta completa. Aquesta tècnica és especialment valuosa en panells de control, dashboards o eines de serveis intel·ligència de negoci, on l'actualització en temps real de dades agregades és crítica. Empreses que treballen amb Power BI o agents IA poden beneficiar-se d'una entrega més àgil d'informes visuals sense saturar el navegador amb lògica de renderitzat innecessària.
L'evolució cap a aquest model híbrid no implica abandonar el client. La interactivitat complexa —formularis, modals, gràfics interactius, drag & drop— continuarà sent responsabilitat del JavaScript del costat del client. No obstant això, moltes parts d'una interfície que avui es construeixen amb setState i re-renderitzats podrien ser simplement HTML generat pel servidor i transmès via DPU. Això és especialment rellevant en entorns on la seguretat és primordial, com en aplicacions que gestionen dades sensibles. En minimitzar la quantitat de codi JavaScript que s'executa al navegador, es redueix la superfície d'atac. A Q2BSTUDIO integrem pràctiques de ciberseguretat en cada fase del desenvolupament, i un enfocament que trasllada la generació de contingut al servidor s'alinea perfectament amb les polítiques de protecció de dades. A més, la combinació amb serveis cloud AWS i Azure permet escalar la generació d'aquests fragments HTML sota demanda, equilibrant càrrega i cost.
Un altre aspecte fascinant és com DPU pot expandir les capacitats de les SPA. Tradicionalment, una SPA obté dades en JSON, les transforma al client i actualitza el DOM. Amb DPU, una SPA pot optar per una ruta alternativa: sol·licitar al servidor un fragment HTML parcial i streamejar-lo directament al contenidor corresponent. Això és particularment útil en aplicacions amb actualitzacions freqüents de contingut, com plataformes de comerç electrònic o portals de notícies. El servidor pot preparar targetes de producte, llistes d'articles o recomanacions com HTML ja formatat, i el client simplement les insereix. Aquesta estratègia redueix la quantitat de lògica de presentació al frontend, facilitant el manteniment i millorant la coherència visual. Per implementar aquest tipus d'arquitectura, és fonamental comptar amb un equip expert en aplicacions a mida que sàpiga dissenyar tant el backend com el frontend de forma cohesionada. A Q2BSTUDIO oferim solucions integrals que abasten des del disseny d'APIs fins a la implementació d'interfícies reactives, utilitzant intel·ligència artificial i IA per a empreses per optimitzar processos com la generació de contingut dinàmic.
L'experimentació amb DPU ja és possible mitjançant Chrome Canary (a partir de la versió 148) activant la bandera experimental. Existeixen repositoris de mostra que implementen des d'streaming de document fins a una arquitectura híbrida on es manté l'estat del client (com un comptador) mentre s'actualitza el contingut de ruta amb HTML servidor. Aquest tipus de demos mostra de forma tangible com seria un futur on el navegador entén no només com mostrar HTML, sinó també on inserir-lo. A Q2BSTUDIO seguim de prop aquestes innovacions perquè creiem que marcaran el rumb del desenvolupament web en els pròxims anys. El nostre equip ja està explorant com integrar aquestes tècniques en projectes de programari a mida, combinant-les amb agents IA que seleccionen dinàmicament quins fragments servir o amb serveis intel·ligència de negoci que actualitzen dashboards en temps real sense recarregar la pàgina. La flexibilitat que ofereixen DPU i les noves APIs d'streaming permet crear aplicacions més lleugeres, segures i amb una experiència d'usuari superior.
En conclusió, les Actualitzacions Parcials Declaratives representen un canvi de paradigma que va més enllà d'una simple API. Són una invitació a replantejar la divisió de responsabilitats entre client i servidor, aprofitant la capacitat nativa del navegador per gestionar HTML de forma declarativa. Tot i que és una tecnologia experimental, el seu potencial per reduir la complexitat del frontend, millorar el rendiment i enfortir la seguretat és immens. Des de Q2BSTUDIO, recomanem a les empreses interessades a modernitzar les seves aplicacions que avaluïn com aquest tipus d'enfocament pot encaixar en la seva arquitectura actual. Ja sigui mitjançant serveis cloud AWS i Azure per escalar la generació de fragments, o integrant Power BI per a visualitzacions en streaming, les possibilitats són àmplies. El futur de l'HTML en streaming no és només una promesa tècnica: és una oportunitat per construir aplicacions més intel·ligents, eficients i centrades en l'usuari.
