You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is your feature request related to a problem? Please describe.
Recently I have been looking more into optimizing my site for mobile and around 60% of my homepage size was fonts being loaded. This seems like an important performance improvement to me.
Describe the solution you'd like
There are a few solutions to enhance this:
Inform users to the fact that they use different font families (e.g. I was using 3 font families for certain icons) on the same site. I did not know it loaded the full font for it.
My site loads the same Google Font (Montserrat) 3 times before the image ATF. This is because it uses three different links. Once for the theme that loads it, once for the custom CSS "font-family" and once in a plugin setting. Combine these to point to the same URL.
If several fonts are needed perhaps only load the icons that are really used. I use 3 font awesome icons for social media as these are not available in the other icon font family, I use that are more linked to my website style.
Better control the fonts that need to be loaded first. A code snippet solution is not OK as WP-Rocket prides itself on its ease of use.
Describe alternatives you've considered
I have been manually trying to limit the number of fonts now that I understand its impact
Additional context
initially:
after a little work but still rather bad (less icon families):
As extra context: RUCSS was preloading 7 fonts for my site. I had a google pagespeed score for mobile of 60%. I found the code snippet to reduce this preloading for several fonts and after that and getting rid of 3 fonts for certain icons it went to 90%. The images above are already after reducing the preload function.
The text was updated successfully, but these errors were encountered:
Hello @bwafels thanks for creating the issue. We're working on improving the automatic preload fonts feature, as it works very well for the most websites, it can preload too much for the minority.
In terms of informing users about the number of fonts loaded, this is not something we could do in the short term. We can go back to the topic later on though.
Is your feature request related to a problem? Please describe.
Recently I have been looking more into optimizing my site for mobile and around 60% of my homepage size was fonts being loaded. This seems like an important performance improvement to me.
Describe the solution you'd like
There are a few solutions to enhance this:
Describe alternatives you've considered
I have been manually trying to limit the number of fonts now that I understand its impact
Additional context
![image](https://private-user-images.githubusercontent.com/76993541/346887689-b50735db-aa81-4312-850a-79053316f764.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE2NTgyNDQsIm5iZiI6MTcyMTY1Nzk0NCwicGF0aCI6Ii83Njk5MzU0MS8zNDY4ODc2ODktYjUwNzM1ZGItYWE4MS00MzEyLTg1MGEtNzkwNTMzMTZmNzY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIyVDE0MTkwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU2MDBjOWE0NTlhN2Y0YWYzNWYxMmQwMmMwZWZkMzYxNTg1Yjg5ZWU1M2ZjYzY2NjAzYTZhMmIxNDhiNzRlODAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.hN6SHPkUTK4pwJHBk3dGqaS6cwsppiHOmwki2GLTNjM)
initially:
after a little work but still rather bad (less icon families):
![image](https://private-user-images.githubusercontent.com/76993541/346879881-c8399bb1-8324-4392-9720-bf7a7847c3d8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE2NTgyNDQsIm5iZiI6MTcyMTY1Nzk0NCwicGF0aCI6Ii83Njk5MzU0MS8zNDY4Nzk4ODEtYzgzOTliYjEtODMyNC00MzkyLTk3MjAtYmY3YTc4NDdjM2Q4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIyVDE0MTkwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE3ZGVjYTc4MGUzNWVhNjk3ZjBkZjc5MGJkNzU2YmQyOTk2OWU0ZGQ1NTUxMjhlNmEyMmIzNTliODYwZjJmYmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.WNp64AHyhjNzrulcSUJhEQEujmhHcJyhqHBTY3OsMyQ)
As extra context: RUCSS was preloading 7 fonts for my site. I had a google pagespeed score for mobile of 60%. I found the code snippet to reduce this preloading for several fonts and after that and getting rid of 3 fonts for certain icons it went to 90%. The images above are already after reducing the preload function.
The text was updated successfully, but these errors were encountered: