Consider filtering Material Symbols -- adds 2.7MB to every page

Created on 8 September 2023, 10 months ago
Updated 5 March 2024, 4 months ago

Problem/Motivation

Google Material Symbols library adds 2.7MB to every page load. The library is large and can be filtered down.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

There has to be a better solution for production assets or sizing this down.

πŸ“Œ Task
Status

Active

Version

2.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States dasginganinja Bethlehem, PA

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @dasginganinja
  • πŸ‡ΊπŸ‡ΈUnited States dasginganinja Bethlehem, PA

    Attaching a patch we used to slim down this to 800kb.

  • πŸ‡ΊπŸ‡ΈUnited States dasginganinja Bethlehem, PA

    Just some additional comments on this:
    There are four parameters that can be used to size these URLs down. People probably won't need all of them. This module might want to make this configurable? Maybe?

    I was able to get the outlined fonts to <300kb with this URL for reference: //fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..400,0..1

  • πŸ‡§πŸ‡·Brazil mabho Rio de Janeiro, RJ

    Yes, I see you have patched the module for your specific use-case. As you say, making it configurable is probably the way to go, otherwise, we would be limiting users' options and flexibility when applying the icons.

  • πŸ‡¨πŸ‡¦Canada b_sharpe

    I'd be in favor of using the "Most popular" set, and then anyone with other needs could use library overrides.

Production build 0.69.0 2024