https://github.com/reineimi/va2-ngx-test
Va2 based on OpenResty Nginx server (https://github.com/openresty/openresty)
https://github.com/reineimi/va2-ngx-test
Last synced: 4 months ago
JSON representation
Va2 based on OpenResty Nginx server (https://github.com/openresty/openresty)
- Host: GitHub
- URL: https://github.com/reineimi/va2-ngx-test
- Owner: reineimi
- Created: 2024-11-04T21:17:08.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-11-07T08:42:41.000Z (8 months ago)
- Last Synced: 2025-01-10T21:30:50.240Z (6 months ago)
- Language: Shell
- Homepage: https://github.com/reineimi/va2
- Size: 3.26 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Practices
> All the practices below have already been implemented in the `/demo` template.
1. Put `defer` in **ALL** `` tags. Use custom function `init()` for sequential dynamic loading.
2. Asynchronously embed `<link>` tags with:
```html
<link rel="preload" href="..." as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="..."></noscript>
```
3. Hide `<body>` or body content before it has been loaded to prevent layout shift warnings.
<br>
<hr>
# Implementation tasks
> Tasks for developer(s) to integrate into `/demo` template.
-
<br>
<hr>
# Performance (Nov 6, 2024)
## Page hop/reload transition animation
Dark
<video src='https://github.com/user-attachments/assets/8cecf4cc-5376-4c12-bbea-3312bd15160b' width=300/>
#
Light
<video src='https://github.com/user-attachments/assets/fc9b68ad-2cc5-48af-b98f-7aeedbceee2b' width=300/>
#
## Benchmarks (Lighthouse)
> With all scripts, styles and fonts loaded, including Twemoji and Anicons
### CPU: 2.665GHz, RAM: 4GB
Desktop
Mobile
### CPU: 3.400GHz, RAM: 8GB
Desktop
Mobile
