web-async-patterns

KO | EN

gitlite — search

#ai #llm #go #rust #docker #java #windows #awesome #cli #kubernetes #awesome-list #security #pytorch #mcp

web-async-patterns

(★ 119)

This repo shows patterns you can use to elevate Python web apps via streaming HTML and htmx

File Explorer

Download Latest Version (.zip)

- - chooser.html
  - shell.html
  - shell_htmx.html
- - __init__.py
  - jinja.py
  - sse.py
  - stream.py
- __init__.py
- apps.py
- recommendations.py
- _item.html
- home.html
- shell.html
- - avatar.png
  - banner-bg.jpg
  - complete.png
  - logo.svg
  - methods.png
  - offer.jpg
- - htmx.1.9.4.min.js
  - htmx.1.9.4_dist_ext_sse.js
- __init__.py
- asgi.py
- settings.py
- urls.py
- wsgi.py
.gitignore
manage.py
README.md
requirements.in
requirements.txt

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Proof of concept: Streaming HTML with Python

Inspired by Taylor Hunt's incredible explanation of how he turned [a slow Fortune 20 webapp into a snappy experience, even on a cheap Android phone](https://dev.to/tigt/making-the-worlds-fastest-website-and-other-mistakes-56na), I made this repo to show the current capability of Django to render streaming HTML.

This technique is best used to improve the perceptual performance for expensive database queries or slow API calls. The idea is that the user could start seeing the page come together while the query or calls are happening. Rendering of the page will pause once it hits the block that is waiting on the data, but being able to see the page render should make the user feel as though the website is performing faster.

Referencing Taylor's blog post:

> Both of [these pages](https://assets.codepen.io/183091/HTML+streaming+vs.+non.mp4) show search results in 2.5 seconds. But they sure don't _feel_ the same.

This concept shows how a recommendation engine takes some time to recommend four products, based for the current user.

## Viewing the concept

Open a terminal at the root of this project and type the following:

```shell
python -m venv .venv --prompt stream_python
# If in Windows:
.venv/Scripts/activate
# otherwise
source .venv/bin/
# Then
pip install -r requirements.txt
uvicorn stream.asgi:application --reload 
```

You can then click the link in the terminal or go to http://127.0.0.1:8000 to view the page.

## Thanks

Thanks to https://github.com/fajar7xx/ecommerce-template-tailwind-1 for the HTML template.

web-async-patterns

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

web-async-patterns

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README