luanti-org / luanti-org/luanti-org.github.io

Large page download size

Open
#10 15 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug high priority
Dominant language
SCSS
Stars
141
Forks
82
PR merge metrics
No merged PRs in 30d

Description

The website's gallery doesn't have thumbnails, and the bootstrap installation could be stripped down.
The W3C mobileOK Checker (which has some quite questionable suggestions, but its download size counter is useable) reports:

Primary document: 9.2KB, Images: 2.6MB, Style sheets: 124.6KB

It explains the need:

Big pages require a possibly high cost and a long waiting time in many mobile networks. For instance, on many mobile networks, downloading 100KB worth of data takes as long as 1 minute.

  • Gallery needs thumbnails (or responsive images, or something like that)
  • Bootstrap could be stripped down → would reduce stylesheet's size

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by inspecting the gallery implementation and the Bootstrap/SCSS setup to measure the current page and stylesheet sizes. Determine whether gallery thumbnails or responsive images and a reduced Bootstrap build are feasible, then verify that the reported download sizes improve without breaking the gallery.

Written by the indexing model from the issue text.

Assessment

Tech stack
bootstrap, scss
Domain
frontend, performance, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.