JupiterBroadcasting / JupiterBroadcasting/jupiterbroadcasting.com

Improperly sized images

Open
#488 11 comments 0 reactions 0 assignees View on GitHub
design enhancement UX
Dominant language
Sass
Stars
103
Forks
49
Avg merge
3h 42m
Merged PRs (30d)
20

Description

### URL

https://www.jupiterbroadcasting.com/

### On what type of device(s) did you see this bug?

Desktop

### On which browser(s) are you seeing the problem?

Firefox

### Other Browser

_No response_

### Summary

There is a noticeable lag when initially loading images on the pages. This is due to improperly sized images. Using a fast CDN would improve load time, but shrinking the amount of bits down the pipe is even simpler/better first step. Also using webp would help speed, but you would need to use picture tags for supporting Safari.

It's good to use CSS to enforce the sizes, but the image file's maximum width typically should be the width required for mobile devices. These following images are quite extreme.

Homepage Logo:
https://www.jupiterbroadcasting.com/images/logo_narrow.png 1481 x 518 px

Show "Tiles":
https://www.jupiterbroadcasting.com/images/shows/linux-action-news.png 1280 x 720 px
https://www.jupiterbroadcasting.com/images/shows/coder-radio.png 1280 x 720 px
https://www.jupiterbroadcasting.com/images/shows/linux-unplugged.png 1280 x 720 px
https://www.jupiterbroadcasting.com/images/shows/self-hosted.png 1280 x 720 px
https://www.jupiterbroadcasting.com/images/shows/office-hours.png 1280 x 720 px
https://www.jupiterbroadcasting.com/images/shows/jupiter-extras.png 1280 x 720 px

Host "Bubbles":
https://www.jupiterbroadcasting.com/images/people/chris.jpg 600 x 600 px
https://www.jupiterbroadcasting.com/images/people/wes.jpg 600 x 600 px
https://www.jupiterbroadcasting.com/images/people/*

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.