Qwik, the Framework Built on Top of Closure-Extraction

In the previous chapter, it was learned that Qwik is unique compared to other frameworks. This framework can send the browser a static page consisting only of HTML and CSS and 1KB of JavaScript. This almost magically makes the application interactive immediately upon startup. However, it's worth delving a little deeper into this because, behind every magic trick, there's a trick. With modern connections, a page containing HTML and CSS is undoubtedly efficient and speedy. It would be the ideal situation, but unfortunately, interactivity is needed, which requires JavaScript.

JavaScript was pointed out as it seems to be the weak point in creating quality applications. This can be analyzed using 

, a reference site offered by Google to analyze web applications. Google has been actively working for years to raise awareness among developers about optimizing web applications to improve the ecosystem and make the web a better place. Google, also the developer of the Chrome browser, has created a series of tools and DevTools to help developers improve their applications and code.

The results of a completely random site can be analyzed by focusing on pagespeed. A screenshot of a site chosen at random will be provided, but any favorite site can be tested and the results compared. Just insert the site in this URL: 

 to start the analysis. After a few seconds, the result will be available.

---
title: Qwik, the framework built on top of closure-extraction
description: In this lesson you will be able to understand more about performance and you will understand how improve your application with less JavaScript.
---

# Qwik, the Framework Built on Top of Closure-Extraction

In the previous chapter, it was learned that Qwik is unique compared to other frameworks. This framework can send the browser a static page consisting only of HTML and CSS and 1KB of JavaScript. This almost magically makes the application interactive immediately upon startup. However, it's worth delving a little deeper into this because, behind every magic trick, there's a trick. With modern connections, a page containing HTML and CSS is undoubtedly efficient and speedy. It would be the ideal situation, but unfortunately, interactivity is needed, which requires JavaScript.

JavaScript was pointed out as it seems to be the weak point in creating quality applications. This can be analyzed using [pagespeed](https://pagespeed.web.dev/), a reference site offered by Google to analyze web applications. Google has been actively working for years to raise awareness among developers about optimizing web applications to improve the ecosystem and make the web a better place. Google, also the developer of the Chrome browser, has created a series of tools and DevTools to help developers improve their applications and code.

The results of a completely random site can be analyzed by focusing on pagespeed. A screenshot of a site chosen at random will be provided, but any favorite site can be tested and the results compared. Just insert the site in this URL: [https://pagespeed.web.dev/analysis?url=`your-website-here`](https://pagespeed.web.dev/analysis?url=`your-website-here`) to start the analysis. After a few seconds, the result will be available.

Giorgio Boa

In this lesson you will be able to understand more about performance and you will understand how improve your application with less JavaScript.

Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

Masterclasses

Tutorials

Fullstack React with TypeScript