Co esponding au ho : Sha i Shaik.
Copy igh © 2025 Au ho (s) e ain he copy igh o his a icle. This a icle is published unde he e ms o he C ea i e Commons A ibu ion License 4.0.
Technical e iew: Se e -side Composi ion s. Clien -side Composi ion
Sha i Shaik *
Independen Resea che , USA.
Wo ld Jou nal o Ad anced Resea ch and Re iews, 2025, 26(02), 3037-3046
Publica ion his o y: Recei ed on 12 Ap il 2025; e ised on 19 May 2025; accep ed on 21 May 2025
A icle DOI: h ps://doi.o g/10.30574/wja .2025.26.2.1941
Abs ac
Mic o on end a chi ec u e has eme ged as a ans o ma i e pa adigm o building scalable and main ainable web
applica ions by ex ending mic ose ices p inciples o he on end. This echnical e iew explo es he undamen al
dicho omy be ween se e -side and clien -side composi ion s a egies wi hin mic o on end implemen a ions. Se e -
side composi ion assembles page agmen s be o e deli e y o he b owse , while clien -side composi ion delega es his
p ocess o Ja aSc ip in he clien 's b owse . The documen examines implemen a ion mechanisms o bo h app oaches,
including Se e -Side Includes (SSI), Edge-Side Includes (ESI), and Backend o F on end (BFF) pa e ns o se e -side
composi ion, alongside Web Componen s, Module Fede a ion, and amewo k-speci ic solu ions o clien -side
composi ion. Pe o mance cha ac e is ics a e ho oughly e alua ed, highligh ing how se e -side composi ion ypically
deli e s as e ini ial page loads and imp o ed SEO, while clien -side composi ion excels a subsequen in e ac ions and
de elope au onomy. The e iew also add esses de elopmen wo k lows, es ing s a egies, and deploymen
conside a ions ha signi ican ly di e be ween app oaches. Th ough case s udies in e-comme ce and en e p ise
dashboa ds, i demons a es how each s a egy sui s di e en applica ion ypes. A decision amewo k is p esen ed o
guide a chi ec s in selec ing app op ia e composi ion app oaches based on pe o mance equi emen s, eam s uc u es,
and business con ex s, wi h many mode n applica ions bene i ing om hyb id implemen a ions ha s a egically
combine bo h pa adigms.
Keywo ds: Mic o F on ends; Se e -Side Composi ion; Clien -Side Composi ion; Web A chi ec u e; Componen
In eg a ion
1. In oduc ion
Mic o on end a chi ec u e has eme ged as a signi ican app oach o building scalable and main ainable web
applica ions, wi h adop ion a es inc easing subs an ially in ecen yea s. Acco ding o indus y esea ch, 72% o
en e p ises a e now implemen ing o planning o implemen mic o on end a chi ec u es o hei web applica ions
[1]. This a chi ec u al pa e n ex ends he mic ose ices concep o he on end, allowing eams o de elop, es , and
deploy UI componen s independen ly. While adi ional monoli hic on ends become inc easingly complex and di icul
o main ain as applica ions g ow, mic o on ends p o ide a solu ion by b eaking down he use in e ace in o smalle ,
mo e manageable pa s ha can be de eloped by independen eams.
A c i ical decision when implemen ing mic o on ends is choosing be ween se e -side composi ion and clien -side
composi ion. These wo app oaches ep esen undamen ally di e en s a egies o assembling applica ion agmen s
in o a cohesi e use expe ience. Se e -side composi ion assembles page agmen s on he se e be o e deli e y o he
clien , while clien -side composi ion delega es his assembly p ocess o he b owse using Ja aSc ip . Pe o mance
me ics indica e ha se e -side composi ion ypically esul s in as e ini ial page loads, while clien -side composi ion
o e s imp o ed in e ac i i y o complex applica ions a e he ini ial load.
Wo ld Jou nal o Ad anced Resea ch and Re iews, 2025, 26(02), 3037-3046
3038
The mic o on end app oach add esses se e al key challenges in mode n web de elopmen , including scalabili y issues
in la ge eams, echnology s ack limi a ions, and deploymen complexi ies [2]. By decomposing he on end in o
smalle , independen uni s, o ganiza ions can achie e g ea e de elopmen eloci y, wi h eams wo king in pa allel on
di e en sec ions o he applica ion wi hou coo dina ion bo lenecks. This a chi ec u al s yle also enables inc emen al
upg ades o bo h echnology s acks and use in e aces, allowing o g adual mode niza ion a he han isky comple e
ew i es.
Implemen a ion da a shows ha o ganiza ions adop ing mic o on ends ypically expe ience educed ime- o-ma ke
o new ea u es and imp o ed abili y o scale de elopmen eams e ec i ely [1]. Howe e , his app oach in oduces
i s own complexi y in e ms o in eg a ion, consis ency, and pe o mance op imiza ion. The choice be ween se e -side
and clien -side composi ion signi ican ly impac s hese ac o s, wi h each app oach o e ing dis inc ad an ages and
ade-o s o di e en use cases.
This echnical e iew analyzes bo h app oaches in dep h, examining hei implemen a ion mechanisms, pe o mance
implica ions, de elopmen wo k lows, and app op ia e use cases o help echnical eams make in o med a chi ec u al
decisions. As web applica ions con inue o g ow in complexi y and impo ance o business ope a ions, unde s anding
hese a chi ec u al op ions becomes inc easingly c i ical o o ganiza ions seeking o main ain de elopmen agili y
while deli e ing op imal use expe iences.
2. Technical Founda ions o Composi ion App oaches
2.1. Se e -side Composi ion Mechanisms
Se e -side composi ion elies on se e in as uc u e o combine mic o on end agmen s be o e sending he inal
HTML o he clien . Recen s udies indica e his app oach signi ican ly educes ini ial page load imes compa ed o
clien -side implemen a ions ac oss en e p ise applica ions [3]. Se e al implemen a ion mechanisms enable his
app oach:
2.1.1. Se e -Side Includes (SSI)
SSI di ec i es, suppo ed by web se e s like Nginx and Apache, allow including con en om one ile in o ano he
du ing se e p ocessing. These a e among he oldes and simples o ms o se e -side composi ion. Using special
di ec i e syn ax, SSI enables se e s o include agmen s om a ious sou ces di ec ly in o he HTML be o e deli e y
o he clien . Despi e hei age, SSI emains widely used due o i s simplici y and e iciency o s a ic con en in eg a ion
[3].
2.1.2. Edge-Side Includes (ESI)
ESI p o ides a mo e sophis ica ed inclusion mechanism ha ope a es a he CDN le el, enabling agmen -le el caching.
Wi h ESI, con en deli e y ne wo ks can assemble page agmen s wi h di e en caching equi emen s, op imizing bo h
pe o mance and eshness o con en . ESI syn ax allows de elope s o speci y di e en ime- o-li e (TTL) alues o
a ious agmen s on he same page, which esea ch shows can subs an ially educe se e load and bandwid h usage
o high- a ic websi es [3].
2.1.3. Se e -Side Rende ing (SSR) F amewo ks
Mode n amewo ks like Nex .js, Nux .js, and Remix acili a e se e -side composi ion h ough componen -based
ende ing pipelines. These amewo ks se e as composi ion laye s ha agg ega e da a and ende comple e pages.
Indus y su eys show ha a majo i y o de elope s use SSR amewo ks o mic o on end composi ion, wi h
imp o ed SEO pe o mance equen ly ci ed as he p ima y mo i a ion [4].
2.1.4. Backend o F on end (BFF) Pa e n
BFF implemen a ions o en se e as composi ion laye s, agg ega ing da a and ma kup om mul iple backend se ices
be o e deli e ing comple e pages o speci ic on end clien s. The adop ion o he BFF pa e n has g own subs an ially
in ecen yea s, wi h many o ganiza ions implemen ing mic o on ends now u ilizing BFF app oaches o hei
composi ion needs [4].
Wo ld Jou nal o Ad anced Resea ch and Re iews, 2025, 26(02), 3037-3046
3039
2.2. Clien -side Composi ion Techniques
Clien -side composi ion delega es he assembly o mic o on ends o he b owse un ime. This app oach has e ol ed
conside ably wi h mode n Ja aSc ip amewo ks. Analysis shows ha while clien -side composi ion ends o enhance
de elope p oduc i i y, i o en equi es mo e ca e ul pe o mance op imiza ion compa ed o se e -side app oaches
[4].
2.2.1. Web Componen s
Cus om elemen s p o ide a s anda ds-based app oach o c ea ing encapsula ed, eusable componen s. Web
Componen s use a combina ion o Cus om Elemen s, Shadow DOM, and HTML Templa es o c ea e independen ,
eusable UI elemen s ha can be composed oge he a un ime in he b owse . These componen s main ain hei own
s yling and unc ionali y, making hem ideal building blocks o clien -side composi ion. S udies indica e adop ion o
Web Componen s o mic o on end a chi ec u es has inc eased signi ican ly in ecen yea s [4].
2.2.2. Ja aSc ip Module Fede a ion
Webpack 5's Module Fede a ion enables un ime sha ing o Ja aSc ip modules ac oss independen ly deployed
applica ions. This echnology allows mul iple sepa a e builds o o m a single applica ion, wi h one build being able o
dynamically impo code om ano he a un ime. Module Fede a ion c ea es a ype o "dis ibu ed equi e()" ha can
be used o impo modules om emo e sou ces, enabling ue decoupling o mic o on ends while main aining
e icien code sha ing [3].
2.2.3. F amewo k-speci ic Solu ions
Va ious amewo ks p o ide specialized solu ions o clien -side composi ion, including Single-SPA, which enables
mul iple amewo ks o coexis in a single page; qiankun, which ex ends Single-SPA wi h addi ional ea u es o Reac ,
Vue, and Angula applica ions; and Luigi, a mic o on end amewo k ha suppo s UI composi ion wi h a cen al
na iga ion concep .
2.2.4. I ames and Web Wo ke s
Figu e 1 Mic o F on end Composi ion App oaches: Se e -side s Clien -side [3, 4]
T adi ional echniques like i ames p o ide s ong isola ion be ween componen s, while Web Wo ke s enable
backg ound p ocessing wi hou blocking he main h ead. Despi e newe al e na i es, i ames s ill accoun o a
signi ican po ion o clien -side mic o on end implemen a ions, p ima ily in highly egula ed indus ies whe e s ic
isola ion is equi ed o secu i y compliance [3].
Wo ld Jou nal o Ad anced Resea ch and Re iews, 2025, 26(02), 3037-3046
3040
3. Pe o mance conside a ions
3.1. Se e -side Composi ion Pe o mance P o ile
3.1.1. Ini ial Load Pe o mance
Se e -side composi ion ypically deli e s as e Time o Fi s Con en ul Pain (FCP) as i sends p e- ende ed HTML o
he b owse . Resea ch ac oss e-comme ce websi es con i ms ha se e -side composed pages achie e signi ican ly
be e FCP imes compa ed o clien -side composed equi alen s [5]. Fo con en - ocused applica ions, his p o ides
subs an ial use expe ience bene i s, pa icula ly on slowe ne wo ks o de ices. Mobile use s on 3G connec ions
expe ience e en mo e d ama ic imp o emen s, wi h se e -side composi ion subs an ially educing ini ial ende imes
and dec easing bounce a es p opo ionally o imp o ed loading ime [5].
3.1.2. Backend P ocessing O e head
The composi ion p ocess consumes se e esou ces and can in oduce la ency in page deli e y. This becomes
pa icula ly signi ican wi h complex scena ios. Analysis o high- a ic websi es implemen ing se e -side composi ion
e eals ha each addi ional agmen inc eases se e p ocessing ime, wi h he e ec compounding non-linea ly as
agmen s inc ease [5].
Complex composi ions in ol ing many agmen s can inc ease se e esponse ime depending on implemen a ion
quali y. In compa a i e benchma ks, applica ions wi h mo e nume ous dis inc agmen s showed addi ional se e
p ocessing ime compa ed o simple composi ions.
High eques olumes signi ican ly impac pe o mance, wi h se e -side composi ion acing scaling challenges a high
a ic h esholds. Du ing peak a ic e en s, ESI implemen a ions ypically show be e esilience han SSI app oaches,
main aining be e pe o mance a mul iple imes no mal a ic olumes.
Dynamic, pe sonalized con en ha canno be e ec i ely cached p esen s he g ea es challenge, wi h pe sonalized
se e -side composed pages equi ing subs an ially mo e CPU esou ces han hei cached coun e pa s. Use -speci ic
con en agmen s inc ease page gene a ion ime p opo ionally o he numbe o pe sonalized componen s [6].
3.1.3. Caching S a egies
Se e -side composi ion enables sophis ica ed agmen -le el caching a he edge, allowing di e en pa s o a page o
ha e di e en cache li e imes based on hei upda e equency. E ec i e implemen a ion o ESI wi h agmen -speci ic
TTLs demons a es be e cache hi a ios o pa ially dynamic pages compa ed o adi ional ull-page caching
app oaches [6]. Analysis o high- a ic e-comme ce pla o ms ound ha agmen caching educes o igin se e load
and dec eases a e age esponse ime du ing peak a ic pe iods. The mos sophis ica ed implemen a ions dynamically
adjus agmen cache du a ions based on con en ola ili y, achie ing op imal eshness- e sus-pe o mance balance
[6].
3.2. Clien -side Composi ion Pe o mance Conside a ions
3.2.1. Ini ial Load s. Subsequen In e ac ions
Clien -side composi ion ypically in ol es pe o mance ade-o s be ween ini ial and subsequen page iews. Resea ch
ac oss p oduc ion SPA implemen a ions e eals se e al pa e ns:
Clien -side composed applica ions deli e signi ican ly la ge Ja aSc ip payloads compa ed o se e -side equi alen s.
Module Fede a ion implemen a ions can educe his o e head compa ed o non-sha ed dependency app oaches [5].
Time o In e ac i e (TTI) measu emen s show clien -side composed applica ions equi e addi ional ime o become
ully in e ac i e compa ed o se e - ende ed coun e pa s, especially on mid- ange mobile de ices.
Subsequen na iga ion pe o mance due o clien -side caching p o ides signi ican ad an ages a e ini ial load.
Na iga ion be ween ou es in clien -side composed applica ions equi es much less ime compa ed o adi ional mul i-
page se e - ende ed applica ions [6].
Wo ld Jou nal o Ad anced Resea ch and Re iews, 2025, 26(02), 3037-3046
3041
3.2.2. P og essi e Loading Pa e ns
Clien -side app oaches can implemen sophis ica ed loading s a egies ha mi iga e ini ial pe o mance conce ns. Code
spli ing o load only necessa y Ja aSc ip educes ini ial bundle sizes and imp o es Fi s Inpu Delay (FID) me ics [6].
Lazy loading componen s when hey en e he iewpo shows subs an ial bene i s o long-sc olling pages, dec easing
ini ial page weigh while main aining equi alen con e sion a es. P io i y-based loading o c i ical s. non-c i ical
componen s demons a es signi ican op imiza ion po en ial, achie ing FCP and TTI imp o emen s compa ed o
s anda d clien -side ende ing app oaches [5].
3.2.3. Run ime Resou ce Consump ion
Mul iple Ja aSc ip amewo ks unning concu en ly in clien -side composi ion led o inc eased memo y usage and
po en ially cause pe o mance deg ada ion on esou ce-cons ained de ices. Mul i- amewo k composi ions inc ease
memo y consump ion compa ed o single- amewo k equi alen s [5]. Ja aSc ip execu ion ime on mobile de ices
inc eases p opo ionally o each addi ional amewo k included in he same page, wi h pa icula ly se e e impac s on
de ices wi h limi ed RAM. Applica ions using h ee o mo e dis inc amewo ks on a single page igge b owse c ash
on low-end de ices mo e equen ly han single- amewo k implemen a ions and exhibi signi ican isual s u e ing
du ing use in e ac ions [6].
Figu e 2 Se e -side s. Clien -side Composi ion: Key Pe o mance Fac o s [5, 6]
4. De elopmen and Ope a ional Implica ions
4.1. Team Au onomy and De elopmen Wo k low
4.1.1. Se e -side Composi ion Wo k lows
Se e -side composi ion o en equi es mo e coo dina ed de elopmen app oaches. Resea ch ac oss enginee ing eams
implemen ing mic o on ends indica es ha hose using se e -side composi ion epo highe le els o cen alized
go e nance [7]. The de elopmen wo k lows ypically include cen alized deploymen coo dina ion, which emains
necessa y o mos se e -side composi ion implemen a ions. O ganiza ions wi h la ge on end de elopmen eams
spend signi ican ly mo e ime on c oss- eam deploymen coo dina ion compa ed o clien -side app oaches [7].
Wo ld Jou nal o Ad anced Resea ch and Re iews, 2025, 26(02), 3037-3046
3042
Sha ed implemen a ion s anda ds o agmen in e aces a e c i ical, wi h mos su eyed eams manda ing
o ganiza ion-wide con en ions o se e -side agmen con ac s. These s anda ds ypically co e HTTP heade s,
con en nego ia ion mechanisms, and e o handling p o ocols. In eg a ion es ing o he composi ion laye ep esen s
a subs an ial po ion o quali y assu ance e o s in se e -side composi ion p ojec s. O ganiza ions implemen ing
comp ehensi e au oma ed es ing o composi ion laye s epo ewe p oduc ion inciden s ela ed o agmen
in eg a ion ailu es [8].
Po en ial bo lenecks o deploymen eme ge when mul iple eams con ibu e o he same composi ional su ace.
Analysis o deploymen equency ac oss mic o on end implemen a ions e ealed ha se e -side composi ion eams
deployed less equen ly on a e age han hei clien -side coun e pa s, wi h many ci ing c oss- eam dependencies as
he p ima y limi ing ac o [7].
4.1.2. Clien -side Composi ion Wo k lows
Clien -side composi ion ypically enables g ea e eam au onomy bu in oduces di e en ope a ional complexi ies.
Among su eyed enginee ing o ganiza ions, a majo i y epo ed highe eam eloci y a e adop ing clien -side
composi ion app oaches [7]. Independen deploymen o mic o on ends becomes signi ican ly mo e easible, wi h
mos clien -side implemen a ions achie ing deploymen independence be ween eams. O ganiza ions expe ience
inc eased deploymen equency a e ansi ioning om monoli hic on ends o clien -side composed mic o on ends
[8].
Team au onomy in echnology selec ion is a p ima y bene i , wi h mos clien -side implemen a ion eams ha ing
au ho i y o selec hei own amewo k and ools. In di e si ied echnology en i onmen s, eams use a ious
amewo ks including Reac , Vue.js, Angula , and o he s wi hin he same applica ion [8]. Decen alized deploymen
p ocesses a e implemen ed by mos clien -side mic o on end eams, wi h o ganiza ions epo ing educed
deploymen lead ime a e ansi ioning o decen alized CI/CD pipelines. In e es ingly, many o ganiza ions main ain
some o m o cen alized moni o ing despi e decen alized deploymen [7].
Con ac -based in eg a ion be ween componen s becomes essen ial as au onomy inc eases. Teams employing o mal
con ac es ing epo ewe in eg a ion issues compa ed o hose elying solely on manual es ing app oaches. The
implemen a ion o s anda dized con ac es ing ools co esponds wi h a dec ease in in eg a ion- ela ed inciden s
ac oss su eyed o ganiza ions [8].
4.2. Tes ing S a egies
4.2.1. Se e -side Tes ing App oaches
Tes ing o se e -side composi ion ocuses on di e en aspec s han clien -side app oaches. Resea ch indica es ha
se e -side es ing s a egies equi e mo e es co e age o achie e equi alen quali y assu ance [7]. Se e -side
in eg a ion es s o agmen assembly o m he ounda ion o quali y assu ance, comp ising a subs an ial po ion o
es ing e o s in se e -side composi ion p ojec s. O ganiza ions implemen ing au oma ed in eg a ion es ing a he
composi ion laye epo ewe p oduc ion inciden s ela ed o agmen in eg a ion ailu es [8].
Pe o mance es ing o he composi ion p ocess is c i ical, wi h mos se e -side implemen a ions conduc ing egula
load es ing speci ically o he composi ion laye . O ganiza ions ha implemen comp ehensi e pe o mance es ing
de ec po en ial bo lenecks be o e p oduc ion deploymen mo e e ec i ely han eams wi hou dedica ed composi ion
pe o mance es ing [7].
4.2.2. Clien -side Tes ing App oaches
Clien -side composi ion es ing emphasizes di e en conce ns, wi h o ganiza ions epo ing highe es au oma ion
complexi y compa ed o se e -side equi alen s [7]. B owse compa ibili y es ing becomes signi ican ly mo e complex,
wi h clien -side mic o on end eams es ing ac oss mo e b owse /de ice combina ions han se e -side
implemen a ions. O ganiza ions implemen ing au oma ed c oss-b owse es ing epo cap u ing mos compa ibili y
issues be o e p oduc ion [8].
In eg a ion es ing in ealis ic un ime en i onmen s is c i ical, wi h nea ly all clien -side implemen a ions equi ing
specialized app oaches o es ing componen in e ac ions. Pe o mance es ing ac oss a ious de ice p o iles is
essen ial, wi h mos clien -side eams conduc ing es ing on mul iple dis inc de ice p o iles. Con ac es ing be ween
Wo ld Jou nal o Ad anced Resea ch and Re iews, 2025, 26(02), 3037-3046
3043
independen ly deployed componen s becomes a co ne s one o quali y assu ance, wi h mos clien -side eams
employing o malized con ac es ing app oaches [7].
4.3. Deploymen and Release Managemen
4.3.1. Se e -side Deploymen Conside a ions
Se e -side composi ion c ea es dis inc deploymen challenges ha equi e speci ic s a egies. O ches a ed eleases
o he composi ion laye a e necessa y o mos se e -side implemen a ions, wi h o ganiza ions ypically employing
dedica ed elease coo dina ion eams [7]. Cana y eleases by con olling agmen selec ion o e s signi ican isk
mi iga ion, wi h many o ganiza ions u ilizing agmen -le el cana y deploymen s. Blue-g een deploymen s a egies o
he composi ion in as uc u e a e implemen ed by a majo i y o o ganiza ions using se e -side composi ion, esul ing
in educed use -pe cei ed down ime du ing deploymen s [8].
4.3.2. Clien -side Deploymen Conside a ions
Clien -side composi ion in oduces di e en deploymen challenges bu o e s g ea e lexibili y. Clien -side app oaches
demons a e highe deploymen equency bu equi e mo e sophis ica ed un ime managemen [8]. Independen
e sioning and deploymen o mic o on ends is achie ed by mos clien -side implemen a ions, wi h o ganiza ions
epo ing nume ous independen deploymen s pe week ac oss on end eams. Ve sion compa ibili y managemen
ac oss componen s becomes c ucial, wi h mos o ganiza ions implemen ing explici e sion compa ibili y e i ica ion.
Fea u e lags and un ime con igu eu a ion o con ol componen beha io a e employed by he as majo i y o clien -
side mic o on end implemen a ions, enabling as e ea u e ollou eloci y and mo e g anula con ol o e ea u e
a ailabili y [7].
Figu e 3 Implemen a ion Cha ac e is ics: Se e -side s. Clien -side [7, 8]
5. Use Cases and Decision F amewo ks
5.1. Op imal Use Cases o Se e -side Composi ion
Se e -side composi ion excels in speci ic scena ios whe e pe o mance and accessibili y a e pa amoun . Indus y
su eys o mic o on end implemen a ions indica e ha se e -side composi ion is p edominan ly selec ed o
con en - ocused applica ions and e-comme ce pla o ms [9]. This app oach demons a es pa icula ad an ages in
scena ios equi ing maximum ini ial page load pe o mance, wi h se e -side composed si es achie ing signi ican ly
as e Fi s Con en ul Pain me ics han equi alen clien -side implemen a ions.
Wo ld Jou nal o Ad anced Resea ch and Re iews, 2025, 26(02), 3037-3046
3044
Sea ch engine op imiza ion wi hou complex SSR solu ions p o ides signi ican anking ad an ages. Analysis o e-
comme ce si es e eals ha se e -side composed pages achie e highe o ganic sea ch isibili y and be e con e sion
a es om o ganic a ic compa ed o clien -side ende ed equi alen s [10]. Suppo o low-powe ed de ices wi h
minimal Ja aSc ip capabili ies emains c i ical o global audiences, wi h pe o mance es ing showing ha se e -side
composi ion educes CPU u iliza ion on en y-le el sma phones and ex ends ba e y li e du ing b owsing sessions.
Reduced clien -side Ja aSc ip payloads ep esen a subs an ial bene i , wi h se e -side implemen a ions deli e ing
conside ably less Ja aSc ip on ini ial page load compa ed o clien -side al e na i es. Con en -hea y applica ions whe e
ende ing pe o mance is c i ical show he mos d ama ic bene i s, wi h news and media si es implemen ing se e -
side composi ion epo ing lowe bounce a es and longe a e age session du a ions [9].
5.1.1. Case S udy: E-comme ce P oduc Pages
E-comme ce pla o ms o en le e age se e -side composi ion o op imize p oduc page loading imes, combining
agmen s like heade s, p oduc de ails, ecommenda ions, and e iews while applying app op ia e caching s a egies
o each sec ion. Majo online e aile s implemen ing se e -side composi ion wi h Edge-Side Includes epo inc eased
con e sion a es a e mig a ion om clien -side a chi ec u e. Such implemen a ions allow di e en page agmen s o
be cached independen ly, wi h s a ic elemen s cached o longe pe iods while dynamic con en has sho e cache
li e imes [10].
This g anula caching app oach educes o igin se e load du ing peak shopping pe iods while imp o ing Time o
In e ac i e. T ansac ion olumes ypically inc ease ollowing implemen a ion, wi h mobile con e sions showing
pa icula ly signi ican imp o emen s [9].
5.2. Op imal Use Cases o Clien -side Composi ion
Clien -side composi ion is pa icula ly e ec i e o applica ions equi ing ich in e ac i i y and de elope lexibili y.
F on end a chi ec s p edominan ly selec clien -side composi ion o applica ion-cen ic in e aces equi ing ex ensi e
use in e ac ion [10]. Highly in e ac i e, applica ion-like expe iences bene i mos om clien -side composi ion, wi h
he majo i y o SaaS p oduc s and en e p ise applica ions implemen ing his app oach. Use in e ace es ing e eals
ha clien -side composed applica ions achie e be e esponse imes o use in e ac ions a e ini ial load and
smoo he ansi ions be ween in e ace s a es.
Dashboa d in e aces wi h mul iple in e ac i e widge s show pa icula a ini y o clien -side app oaches. S udies o
en e p ise analy ics pla o ms ind ha clien -side composed dashboa ds suppo mo e concu en in e ac i e
isualiza ions wi h lowe la ency o da a manipula ion ope a ions compa ed o se e - ende ed equi alen s [10].
Scena ios whe e eams need comple e echnology independence bene i subs an ially, wi h o ganiza ions epo ing
highe de elope sa is ac ion and as e ea u e deli e y when implemen ing clien -side composi ion.
Applica ions equi ing sophis ica ed s a e managemen ac oss componen s show as e de elopmen cycles wi h clien -
side composi ion, wi h enginee ing eams spending less ime implemen ing complex in e ac ion pa e ns and
oubleshoo ing s a e synch oniza ion issues. P og essi e enhancemen o exis ing applica ions p o es mo e easible
wi h clien -side composi ion, allowing o ganiza ions o mode nize legacy applica ions inc emen ally wi hou dis up ing
co e business ope a ions [9].
5.2.1. Case S udy: En e p ise Dashboa d Applica ions
En e p ise dashboa ds equen ly employ clien -side composi ion o allow di e en eams o independen ly de elop
and deploy widge s o analy ics, epo ing, and moni o ing, while main aining a cohesi e use expe ience. Financial
se ices co po a ions implemen ing clien -side composi ion using Web Componen s and Module Fede a ion o in e nal
analy ics pla o ms can suppo nume ous dis inc eams con ibu ing o a uni ied dashboa d in e ace [10].
Such implemen a ions enable deploymen equency o inc ease om pe iodic o daily eleases, wi h indi idual eams
deploying upda es egula ly. Time- o-ma ke o new analy ics capabili ies dec eases subs an ially, while c oss- eam
dependencies diminish. These pla o ms can in eg a e mul iple da a isualiza ion lib a ies ac oss a ious eams while
main aining consis en design sys ems, esul ing in inc eased sys em de elopmen eloci y in he mon hs ollowing
implemen a ion [9].
Wo ld Jou nal o Ad anced Resea ch and Re iews, 2025, 26(02), 3037-3046
3045
5.3. Hyb id App oaches
Many mode n a chi ec u es combine bo h app oaches o le e age hei espec i e s eng hs. Analysis o la ge-scale web
applica ions e eals ha a signi ican po ion now implemen hyb id composi ion s a egies, showing an inc easing
end compa ed o p e ious yea s [10]. These hyb id app oaches ypically implemen se e -side composi ion o he
ini ial page shell and c i ical con en , wi h mos hyb id implemen a ions using se e -side ende ing o he applica ion
shell o imp o e Fi s Con en ul Pain while s ill enabling ich clien -side in e ac i i y o he applica ion co e.
Clien -side composi ion o in e ac i e elemen s and pe sonalized con en emains common in hyb id app oaches.
P og essi e enhancemen s a egies ha wo k wi h bo h models allow g ace ul allbacks o less capable de ices, wi h
o ganiza ions implemen ing laye ed enhancemen epo ing suppo o mo e de ice p o iles e ec i ely [9]. Edge
wo ke s ha enable composi ion close o he use ha e eme ged as a powe ul hyb id pa e n, wi h implemen a ions
le e aging edge compu ing o composi ion showing lowe la ency ac oss global ma ke s and mo e consis en
pe o mance ac oss a ying ne wo k condi ions.
5.4. Decision F amewo k
When e alua ing composi ion s a egies, pe o mance equi emen s and me ics should be clea ly de ined and
weigh ed. O ganiza ions ha es ablish speci ic pe o mance budge s be o e implemen a ion a e mo e likely o achie e
hei op imiza ion goals [10]. Team s uc u e and go e nance model signi ican ly impac app op ia e composi ion
s a egies, wi h cen alized go e nance models showing g ea e success wi h se e -side composi ion, while
decen alized eams demons a e highe p oduc i i y wi h clien -side app oaches.
Technology ecosys em and exis ing in es men s shape mig a ion pa hs, while deploymen in as uc u e and
capabili ies di ec ly in luence op imal composi ion models. Use de ice p o iles and ne wo k condi ions o en dic a e
he mos sui able app oach, wi h applica ions a ge ing eme ging ma ke s wi h limi ed connec i i y showing highe
use engagemen wi h se e -side composi ion [9]. Con en upda e equency and caching equi emen s a ec
composi ion e iciency, while SEO and accessibili y equi emen s emain c ucial conside a ions. De elopmen eloci y
and eam au onomy needs mus be balanced wi h pe o mance equi emen s o selec he mos app op ia e
composi ion s a egy o speci ic use cases.
Figu e 4 Mic o F on end Decision F amewo k [9, 10]
