Sub-second Vue

There exist 7 independent technologies that, by their powers combined, create a super charged Vue app that delivers sub-second page loads speeds.

The first technology is obvious: Vue. The second technology empowers the front end by downloading soon to be needed files in advance: the service worker. The third builds on the second by reducing bundle size via the removal of dead code: Webpack. The fourth is the ability to deliver static files from a location that is close to your end users: content delivery network (CDN). The fifth reduces the size of files downloaded from the CDN: compression.

The sixth empowers the backend and provides the capability of prerendering static and dynamic pages on demand: server side rendering (SSR). The seventh and final technology is the newest kid on the block. It provides infinite, on demand scaling of SSR-capable servers from a location that is close to your end users: Edge Computing

Transcript

1. Sub-second Vue Lucas Still Full Stack Architect
3. 1 - Vue
4. 2 - Service Worker ◈ (hint: PWA)
5. 3 - Webpack ◈ Remove Dead Code ◈ Minify ◈ Chunk
6. 4 - CDN
7. 5 - Compression ◈ gzip ◈ Brotli ◈ Graphics
8. 6 - SSR ◈ First Paint ◈ Inline Critical CSS ◈ Time to Interactive
9. 7 - Edge Computing
10. Results https://github.com /ModusCreateOrg /vue-lambda
11. THANK YOU