Reduce page reflow by adding image dimensions #1

Closed
wezm wants to merge 0 commits from img-dimensions into main
Owner

Adds width and height attributes to all img tags so that the browser can
lay them out before they have even finished loading.

Corrects some existing attributes which had the wrong number of pixels.

For pineapples.html, all width and height attributes were set to the
real image dimensions, and a stylesheet rule was added to cap the
maximum height of the images in the table cells.

Adds width and height attributes to all img tags so that the browser can lay them out before they have even finished loading. Corrects some existing attributes which had the wrong number of pixels. For pineapples.html, all width and height attributes were set to the real image dimensions, and a stylesheet rule was added to cap the maximum height of the images in the table cells.
wezm added 1 commit 2025-04-23 23:17:24 +00:00
Adds width and height attributes to all img tags so that the browser can
lay them out before they have even finished loading.

Corrects some existing attributes which had the wrong number of pixels.

For pineapples.html, all width and height attributes were set to the
real image dimensions, and a stylesheet rule was added to cap the
maximum height of the images in the table cells.
wezm closed this pull request 2025-04-25 09:20:17 +00:00
wezm deleted branch img-dimensions 2025-04-25 09:20:27 +00:00

Pull request closed

Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: wezm/home.wezm.net#1
No description provided.