-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
product page performance tweaks #1927
Conversation
Codecov Report
@@ Coverage Diff @@
## master #1927 +/- ##
=======================================
Coverage 83.87% 83.87%
=======================================
Files 165 165
Lines 9569 9569
Branches 1004 1004
=======================================
Hits 8026 8026
Misses 1309 1309
Partials 234 234 Continue to review full report at Codecov.
|
@ahmed-belal there are no
|
38fe4dc
to
ac6a19a
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Minor changes
src: url("#{$static-path}/fonts/icomoon.eot?dd3z7r"), | ||
url("#{$static-path}/fonts/icomoon.eot?dd3z7r#iefix") | ||
format("embedded-opentype"), | ||
url("#{$static-path}/fonts/icomoon.ttf?dd3z7r") format("truetype"), | ||
url("#{$static-path}/fonts/icomoon.woff?dd3z7r") format("woff"), | ||
url("#{$static-path}/fonts/icomoon.svg?dd3z7r#icomoon") format("svg"); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This might not fix everything we want to. Refer to the lighthouse report which still flags this as an issue:
The recommended way of fixing it:
https://web.dev/font-display/?utm_source=lighthouse&utm_medium=devtools
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's done exactly that way and I don't see that error on my side.
d75963f
to
1a1e00a
Compare
Could you be more specific in the commit message about the tweaks that are included here? I see there's some changes to font handling. What else is there? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Approving on explanation provided on Slack
@pdpinch there is icomoon font changes and also some changes for best practices in HTML5. |
That's the comment I posted on the slack. There are two possible and suggested ways either preload it or load it with the system default and swap it later once loaded. |
1a1e00a
to
b78efe4
Compare
Pre-Flight checklist
What are the relevant tickets?
fixes #1920
What's this PR do?
Makes resource usage changes to the product page to partially fix issues described in #1908
How should this be manually tested?
Use Lighthouse or Google Pagespeed to test before/after performance score. There should be an increase in the overall score and speed for the page.
Extras?
Devops needs to increase the cache expiry limit on media resources for xPRO (probably on the CDN level if it's being controlled from there or the server if that's the original source of the cache header).