About Me
Name: Yota Toyama
GitHub: raviqqe
Religion: Vim
Background
Paper-Fast (紙速)?
- Web pages served like a sheet of paper.
- Every content shown at once
- No flashing
+--------+
| |
| 紙 |
| |
+--------+
Near Paper-Fast Example
A lot of challenges...
- Hard for dynamic websites
- Heavy use of CDN
- Fastly and VCL
- How about static ones?
What I built
https://cloe-lang.org
JavaScript optimization
- Run JavaScript locally
- Less JS codes on browsers
- Read, modify, and write HTML files
- jsdom with common tools like jQuery
- Consider embedding scripts into HTML
Fonts optimization
- Hosted fonts
-
Google Fonts
- Easy to use
- Your fonts can be already in disk cache
- text query option
-
Google Fonts
- Serving from your domain
- Connection reuse
- fontmin
Images optimization
- Honestly speaking, not familiar with this topic
- If possible, use SVG
- Even embeddable to HTML
<picture>
and<source>
tag in HTML- webp image format by Google
Others
- Minify HTML/CSS/JS
Demo
Summary
- Optimize everything
- Don't run codes
- Don't use resources
- KPI improvement? More user views?
- IDK but self satisfaction