Skip to content

Commit

Permalink
docs: Update overview.mdx to be more value-oriented (QwikDev#362)
Browse files Browse the repository at this point in the history
* Update overview.mdx to be more value-oriented

* Update overview.mdx
  • Loading branch information
steve8708 authored Apr 7, 2022
1 parent a132fbb commit 4ded32b
Showing 1 changed file with 31 additions and 5 deletions.
36 changes: 31 additions & 5 deletions docs/pages/guide/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,36 @@ fetch: https://hackmd.io/@mhevery/Sy52N2Ax9

# Overview

Qwik is a new kind of web framework that takes a fundamentally different approach to deliver near-instant web applications. (Lot of evidence shows that fast web app startup leads to more satisfied users leads to better conversions and thus profits)
Qwik is a new kind of web framework that can deliver instant loading web applications at any size or complexity. Your sites and apps can boot with less than 1kb of JS, and achieve unheard of performance at scale.

## Qwik is:

- **General-purpose**: Qwik can be used to build any type of web site or application
- **Instant-on**: Unlike other frameworks, Qwik is [resumable](./resumable.mdx) which means Qwik application require **0 hydration**. This allows Qwik apps to have instant-on interactivity, regardless of size or complexity
- **Optimzed for speed**: Qwik has unprecedented performance, offering sub-second full page loads even on mobile devices. Qwik achieves this by delivering pure HTML, and incrementally loading JS only as-needed.

<img alt="Qwik Diagram" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd33c7a95e98144f682ab67dd27d1f957?format=webp&width=2000" />

## Does page speed really matter?

Put simply: slow sites deter visitors, costing businesses millions. Fast sites have better SEO, better UX, and are more profitable.

Some examples from [web.dev](https://web.dev):

| | |
|--|--|
| **Every 100ms faster → 1% more conversions** <br /> For Mobify, every 100ms decrease in homepage load speed worked out to a 1.11% increase in session-based conversion, yielding an average annual revenue increase of nearly $380,000. | **50% faster → 12% more sales** <br /> When AutoAnything reduced page load time by half, they saw a boost of 12% to 13% in sales.
| **20% faster → 10% more conversions** <br /> Retailer Furniture Village audited their site speed and developed a plan to address the problems they found, leading to a 20% reduction in page load time and a 10% increase in conversion rate. | **40% faster → 15% more signups** <br /> Pinterest reduced perceived wait times by 40% and this increased search engine traffic and sign-ups by 15%. |
| **850ms faster → 7% more conversions** <br /> COOK reduced average page load time by 850 milliseconds which increased conversions by 7%, decreased bounce rates by 7%, and increased pages per session by 10%. | **1 seconds slowness → 10% less users** <br /> The BBC found they lost an additional 10% of users for every additional second their site took to load.
| | |










**Qwik is:**

- **General-purpose web application framework**: It can be used to build any web applications or websites that are currently built using other popular frameworks.
- **Resumable**: [Resumability](./resumable.mdx) is a unique property of Qwik, that allows a Qwik application to have instant-on interactivity. A Qwik application can (1) execute on the server, (2) serialize its state into HTML (3) and continue execution on the client (browser). Qwik applications do not have to perform client-side hydration (attaching DOM listeners and rebuilding application state as other frameworks require.) We call this instant-on capability resumability.
- **Lazy Loadable**: Qwik applications are intrinsically [lazy-loadable](./lazy-loading.mdx). Qwik takes lazy-loading to the extreme. Every listener, rendering function, initialization code, style, etc. can be lazy-loaded by the framework without any special ceremony by the developer.

0 comments on commit 4ded32b

Please sign in to comment.