1~
2Kapag lumalaki ang isang web application sa mga user, data, at feature, ang scalability ay nagiging prayoridad.
3~
4## Vertical vs Horizontal Scalability
5~
6```mermaid
7flowchart LR
8    A[Users] --> B[Load Balancer]
9    B --> S1[Server 1]
10    B --> S2[Server 2]
11    B --> S3[Server 3]
12```
13~
14- **Vertical:** simple na i-implement, ngunit may pisikal na limitasyon.
15- **Horizontal:** mas resilient at scalable.
16~
17## Caching: Pagpapabilis ng mga Sagot
18~
19```mermaid
20flowchart TD
21    U[User] --> CDN[CDN]
22    CDN --> App[Application]
23    App --> DB[Database]
24```
25~
26## Load Balancing: Pamamahagi ng Traffic
27~
28```mermaid
29flowchart TD
30    U[User] --> LB[Load Balancer]
31    LB --> S1[Server 1]
32    LB --> S2[Server 2]
33    LB --> S3[Server 3]
34```
35~
36## Database Scaling: Replication at Sharding
37~
38```mermaid
39flowchart TD
40    App[Application] --> DB1[Shard 1]
41    App --> DB2[Shard 2]
42    App --> DB3[Shard 3]
43```
44~
45## Microservices at Distributed Architecture
46~
47```mermaid
48flowchart TD
49    U[User] --> API[API Gateway]
50    API --> MS1[Microservice 1]
51    API --> MS2[Microservice 2]
52    API --> MS3[Microservice 3]
53    MS1 --> DB1[(DB 1)]
54    MS2 --> DB2[(DB 2)]
55    MS3 --> DB3[(DB 3)]
56```
57~
58## Asynchrony at Work Queue
59~
60```mermaid
61flowchart TD
62    App[Application] -- send task --> Queue[Queue]
63    Queue --> Worker[Worker]
64    Worker --> DB[Database]
65```
66~
67## Monitoring at Auto-Scaling
68~
69## Karaniwang Scalability Pattern
70~
71- **Strangler Fig Pattern**: unti-unting migration mula monolith patungo sa microservices.
72- **CQRS**: hinahiwalay ang mga read at write.
73- **Event Sourcing**: pinamamahalaan ang application state sa pamamagitan ng mga event.
74~
75## Advanced Scalability Pattern
76~
77- **Circuit Breaker**: pinipigilan ang cascading failure.
78- **Bulkhead**: ini-isolate ang mga resource sa pagitan ng mga component.
79- **Retry at Backoff**: awtomatikong pag-retry na may tumataas na interval.
80- **Rate Limiting**: nililimitahan ang bilang ng mga request.
81~
82```mermaid
83flowchart TD
84    Client --> API[API Gateway]
85    API --> CB[Circuit Breaker]
86    CB --> Svc[Service]
87    Svc --> DB[Database]
88    API --> RL[Rate Limiter]
89    RL --> CB
90```
91~
92## Kumpletong Request Flow
93~
94```mermaid
95flowchart LR
96    U[User] --> CDN[CDN]
97    CDN --> LB[Load Balancer]
98    LB --> API[API Gateway]
99    API --> MS[Microservices]
100    MS --> MQ[Message Queue]
101    MS --> Redis[Cache]
102    MS --> DB[Database]
103    MQ --> Worker[Worker]
104    Worker --> DB
105```
106~
107## Kongklusyon
108~
109Ang pag-scale ng isang web application ay nangangailangan ng holistic na pananaw: arkitektura, tool, automation, monitoring, at DevOps culture. Ang pag-aaral ng mga advanced pattern at pag-aaral mula sa mga pagkakamali ng malalaking kumpanya ang susi sa pagtatayo ng mga resilient na sistema.
110~