search

mozilla / bedrock

Making mozilla.org awesome, one pebble at a time
https://www.mozilla.org
Mozilla Public License 2.0
1.18k stars 919 forks source link

Optimise images #14308

Closed stevejalim closed 8 months ago

stevejalim commented 8 months ago

Description

While exploring the stalling webpack problem, I noticed this output, which is something we should also tackle, I think:

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  img/careers/diversity-video-thumbnail.png (767 KiB)
  img/careers/hero-bg-jobs-high-res.jpg (279 KiB)
  img/careers/portland-large-high-res.jpg (336 KiB)
  img/careers/portland-large.jpg (274 KiB)
  img/careers/whistler.png (257 KiB)
  img/contribute/contribute-hero-composition.jpg (264 KiB)
  img/newsletter/intro-mozsummit-2000.jpg (393 KiB)
  img/newsletter/intro-mozsummit-3000.jpg (702 KiB)
  img/newsletter/intro-mozsummit-4000.jpg (1.18 MiB)
  img/stories/joy-of-color-colorways-high-res.png (307 KiB)
  fonts/l10n/ur/NotoNastaliqUrdu-Bold.woff (254 KiB)
  fonts/l10n/ur/NotoNastaliqUrdu-Regular.woff (256 KiB)
  img/careers/internships/important-projects-high-res.jpg (357 KiB)
  img/careers/internships/internships-hero-high-res.jpg (437 KiB)
  img/careers/internships/mentor-high-res.jpg (711 KiB)
  img/careers/internships/team-high-res.jpg (442 KiB)
  img/home/2023/contribute-split-high-res.png (282 KiB)
  img/firefox/challenge-the-default/laser-cat-mobile.png (485 KiB)
  img/firefox/developer/hero-background.svg (264 KiB)
  img/firefox/developer/hero-clip-ani.gif (340 KiB)
  img/firefox/developer/hero-fonts.gif (367 KiB)
  img/firefox/pocket/pocket-discover-high-res.png (322 KiB)
  img/firefox/pocket/pocket-hero-high-res.png (665 KiB)
  img/firefox/pocket/pocket-illo-mobile-high-res.png (344 KiB)
  img/mozorg/about/about-hero-illustration.jpg (1.25 MiB)
  img/mozorg/about/about-hero-sm-high-res.jpg (601 KiB)
  img/mozorg/about/about-hero-xs-high-res.jpg (511 KiB)
  img/mozorg/about/about-hero-xxs-high-res.jpg (438 KiB)
  img/pocket/jobs/jobs-chat-high-res.jpg (376 KiB)
  img/pocket/jobs/jobs-planning-high-res.jpg (384 KiB)
  img/pocket/jobs/jobs-team-high-res.jpg (1.36 MiB)
  img/pocket/jobs/jobs-team.jpg (459 KiB)
  img/pocket/new-tab/grass-footer-left.png (399 KiB)
  img/pocket/new-tab/pocket-list.png (372 KiB)
  img/contact/osm/spaces/beijing-large-high-res.jpg (259 KiB)
  img/contact/osm/spaces/berlin-large-high-res.jpg (307 KiB)
  img/contact/osm/spaces/berlin-large.jpg (270 KiB)
  img/contact/osm/spaces/paris-large-high-res.jpg (270 KiB)
  img/contact/osm/spaces/paris-small-high-res.png (289 KiB)
  img/foundation/annualreport/2009/Infographic.png (319 KiB)
  img/foundation/annualreport/2015/bg-banner-desktop-high-res.jpg (927 KiB)
  img/foundation/annualreport/2015/bg-banner-desktop.jpg (350 KiB)
  img/foundation/annualreport/2014/bg-banner-desktop.jpg (492 KiB)
  img/foundation/annualreport/2016/som-2016-desktop-high-res.jpg (429 KiB)
  img/foundation/annualreport/2016/som-2016-mobile-high-res.jpg (250 KiB)
  img/foundation/annualreport/2017/som-2017-large-high-res.jpg (496 KiB)
  img/foundation/annualreport/2017/som-2017-small-high-res.jpg (313 KiB)
  img/foundation/annualreport/2018/som-2018-large-high-res.jpg (665 KiB)
  img/foundation/annualreport/2018/som-2018-small-high-res.jpg (434 KiB)
  img/foundation/annualreport/2019/comcast-partner-high-res.jpg (393 KiB)
  img/foundation/annualreport/2019/privacy-apple-high-res.jpg (304 KiB)
  img/foundation/annualreport/2019/racial-justice-commitments-high-res.jpg (261 KiB)
  img/foundation/annualreport/2019/restructuring-high-res.jpg (253 KiB)
  img/foundation/annualreport/2020/ad-transparency.jpg (264 KiB)
  img/foundation/annualreport/2020/doh-canada-rollout.png (586 KiB)
  img/foundation/annualreport/2020/nyt-op-ed.jpg (285 KiB)
  img/foundation/annualreport/2020/som-video-thumbnail.png (574 KiB)
  img/foundation/annualreport/2020/why-mozilla-video-placeholder.png (310 KiB)
  img/firefox/browsers/mobile/about-hero-1100.png (316 KiB)
  img/firefox/browsers/quantum/browser-high-res.jpg (348 KiB)
  img/firefox/home/master/respect-high-res.jpg (251 KiB)
  img/firefox/privacy/passwords/passwords-high-res.png (448 KiB)
  img/firefox/privacy/book/privacy-book-arrow-on-face.jpg (365 KiB)
  img/firefox/privacy/book/privacy-digital-life-growing.jpg (248 KiB)
  img/firefox/privacy/book/privacy-healthy-internet.jpg (269 KiB)
  img/firefox/privacy/book/privacy-identities.jpg (402 KiB)
  img/firefox/privacy/book/privacy-keys.jpg (256 KiB)
  img/firefox/privacy/book/privacy-social-face.jpg (247 KiB)
  img/firefox/privacy/book/privacy-troll.jpg (562 KiB)
  img/firefox/privacy/promise/privacy-hero-1100.png (316 KiB)
  img/firefox/privacy/products/pocket-high-res.png (501 KiB)
  img/firefox/releasenotes/note-images/106_colorways.gif (462 KiB)
  img/firefox/releasenotes/note-images/106_text_recognition.png (344 KiB)
  img/firefox/releasenotes/note-images/113_search_persist.gif (447 KiB)
  img/firefox/releasenotes/note-images/ColorThemeMotion_v3_800.gif (1.02 MiB)
  img/firefox/releasenotes/note-images/proton_inspired_tab_design.png (289 KiB)
  img/l10n/en/pocket/pocket-home-articles.png (635 KiB)
  img/foundation/annualreport/2021/split/tcp-1600.jpg (270 KiB)

Success Criteria

alexgibson commented 8 months ago

@stevejalim I think this is a duplicate of https://github.com/mozilla/bedrock/issues/12734 ?

stevejalim commented 8 months ago

@alexgibson haha yeah. closing!