Added new site to showcase room

[adnanebrahimi]

tatbiqit.com is the official website of Tatbiqit company located in Kuwait developed by Qwik.

What is it?

• Feature / enhancement
• Bug
• Docs / tests

Description

Adding a new website to the showcase page, this website is the official website of a Kuwaiti company called Tatbiqit.

Use cases and why

• 1. One use case
• 2. Another use case

Checklist:

• My code follows the developer guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• Added new tests to cover the fix / functionality

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[Dindaleon]

Hello,

The first load is almost 300kB of javascript, isn't Qwik suppose to be 0b load of js? Is it possible to make your site load 0b js? Just wondering, otherwise, I believe it would the defeat one of the main purposes of using qwik.

[adnanebrahimi]

@Dindaleon
I believe you have seen some js in the network tab which is from cloudflare email protection.
Other js that is loading externally is Google analytics service which is loaded by partytown

[Dindaleon]

Please let me know if I am looking at the wrong thing. I captured my network tab when loading the site. I do see cloudflare and email protection but I also see a bunch of q- prefixed js. I did not scroll down the page by the way, it's a fresh load.

[adnanebrahimi]

Did you cleared the network tab before reloading? Because I see the request get duplicated. I will check it once i get back at my desk

[Dindaleon]

tatbiqit.com

yeah, I cleared it. Please let me know what's going on because I am very curious about it. While writing some code I noticed that whatever we put inside useClientEffect$ hook will run on load once no matter what. However, if we want to lazy load the code, we need to use other hooks such as useTask

[adnanebrahimi]

@Dindaleon
I didn't see anything abnormal in the request waterfall.
https://gtmetrix.com/reports/tatbiqit.com/O85dXETV/

regarding the q-* files there is an exciting metal model in Qwik resumibility, the js of components that getting visible in the viewport will be downloaded with the service worker in the background thread but still didn't connect to the DOM. for example if you see a button, the JS of that button will be downloaded via service worker but the event listener of that button is not connected to that button yet after you clicked on that button the js will be downloaded from the service worker and connected and executed.

It's complicated I hope I answered correctly.
@manucorporat can answer better than me for sure :)

[Dindaleon]

Those files are not being downloaded by the service worker. They are being downloaded directly.