Trang này là thí nghiệm đầu tiên.Kiến trúc của chính trang này
Hiệu ứng ngang studio quốc tế, chạy trên điện thoại tầm trung, trong khi máy chủ gần như không làm gì.
- tải ngay ở trang chủ
- 20 KB
- điểm hiệu năng Lighthouse
- 100
- máy chủ chạy thường trực
- 0
- font tiếng Việt tự cắt
- 72 KB
Hiệu ứng hạt chạy ở trang chủ. Bên dưới là số đo thật của trang bạn đang mở, lấy từ trình duyệt.
Trang này nặng bao nhiêu?Số đo thực của chính trang này
Đo ngay trên máy bạn, lúc này. Không phải số trong slide.Các con số dưới đây được trình duyệt của bạn đo trực tiếp.
- Đã tải qua mạng
- …KB
- Yêu cầu tới máy chủ
- …
- Hạt đang chạy
- …
- Khung hình mỗi giây
- …
- Máy chủ đang tính cho bạn
- 0phép tính
Nó chạy thế nào
Không thư viện 3D
Lá bài và các hình morph được vẽ bằng WebGL2 viết tay. Mỗi hạt tự tính vị trí trong shader từ vài số ngẫu nhiên, nên trình duyệt không phải tải tệp điểm nào.
Một nguồn hình, hai cách vẽ
Năm hình được định nghĩa một lần bằng SVG path. Máy có GPU thì lấy mẫu thành hạt; máy không có GPU thật thì hiện thẳng SVG nét sạch.
Tự điều tốc
Trang đo khung hình mỗi nửa giây. Dưới 50 khung thì giảm số hạt và độ phân giải; quá yếu thì đóng băng hoạt cảnh và chỉ vẽ lại khi cuộn.
Ngân sách bị máy canh
Mỗi lần đẩy code, CI đo dung lượng từng trang và chạy Lighthouse. Vượt ngưỡng là không phát hành.
Dùng được cho
- Đọc cách làm: 200.000 hạt trên điện thoại tầm trung
- Đọc cách làm: Font tiếng Việt: từ 280 KB xuống 72 KB
Kể vấn đề của bạn. Càng khó càng vui.Trao đổi với chúng tôi về nhu cầu của tổ chức bạn.
Rút lá nói chuyệnGửi yêu cầu tư vấn