<h3 id="heading-web-performance">Web Performance</h3>
<ul>
<li>CRP
</li>
<li>denouncing/throttling
</li>
<li>Bundle Splitting
</li>
<li>Preload, PreConnect, PreFetch, PreRender
</li>
<li>Http2
</li>
<li>Etag | Cache control response header
</li>
<li>Doc Fragment
</li>
<li>Image compression
</li>
<li>Memory Leak
</li>
</ul>
<h3 id="heading-web-security">Web Security</h3>
<ul>
<li>Transfer Encoding
</li>
<li>Same origin Policy
</li>
<li>Access-Control-Access-Origin
</li>
<li>CORS
</li>
<li>content Security Policy
</li>
<li>CSRF
</li>
<li>Referrer Policy
</li>
<li>InnerHTML
</li>
<li>X-XSS-Protection
</li>
<li>X-Frame
</li>
<li>Web component
</li>
<li>Progressive Web App
</li>
<li>Micro-Frontend
</li>
<li>JS single threaded why?
</li>
<li>Browser Security Model
</li>
</ul>

### Web Performance

* CRP
    
* denouncing/throttling
    
* Bundle Splitting
    
* Preload, PreConnect, PreFetch, PreRender
    
* Http2
    
* Etag | Cache control response header
    
* Doc Fragment
    
* Image compression
    
* Memory Leak
    

### Web Security

* Transfer Encoding
    
* Same origin Policy
    
* Access-Control-Access-Origin
    
* CORS
    
* content Security Policy
    
* CSRF
    
* Referrer Policy
    
* InnerHTML
    
* X-XSS-Protection
    
* X-Frame
    
* Web component
    
* Progressive Web App
    
* Micro-Frontend
    
* JS single threaded why?
    
* Browser Security Model

This article covers some important concepts of System Design by considering front end developer, this evolves web security and performane. 

System Design Concepts

System Design Concepts for Front end development

Web Performance

Web Security