Skip to content
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

MWPW-146743 Improve Article Header Performance #2577

Merged
merged 1 commit into from
Jul 23, 2024

Conversation

meganthecoder
Copy link
Contributor

@meganthecoder meganthecoder commented Jul 17, 2024

Made various updates to Article Header in order to reduce LCP on blogs:

  • Reduced network requests by pulling code from imports into file
  • Delayed placeholder code because it was non-critical
  • Only loaded taxonomy if necessary (which it isn't on bacom blog)
  • Removed await for build author so requests can be made concurrently

Resolves: MWPW-146743

Results (hlx.live testing):

  • Page Speed Index LCP: 0.7s reduction on bacom blog. No change on brand blog.
  • DevTools LCP Fast 3G, No CPU throttling: Avg 2.8s reduction on both blogs.
  • Incidental reduction in TBT for both blogs

Test URLs:

Bacom Blog:

Brand Blog:

Copy link
Contributor

aem-code-sync bot commented Jul 17, 2024

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

@meganthecoder meganthecoder added the run-nala Run Nala Test Automation against PR label Jul 17, 2024
@aem-code-sync aem-code-sync bot temporarily deployed to perf-refactor-article-header July 17, 2024 01:05 Inactive
Copy link

codecov bot commented Jul 17, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.70%. Comparing base (2c5b9a4) to head (c11c268).

Additional details and impacted files
@@            Coverage Diff             @@
##            stage    #2577      +/-   ##
==========================================
+ Coverage   95.67%   95.70%   +0.02%     
==========================================
  Files         170      169       -1     
  Lines       45302    45315      +13     
==========================================
+ Hits        43343    43367      +24     
+ Misses       1959     1948      -11     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@aem-code-sync aem-code-sync bot temporarily deployed to perf-refactor-article-header July 17, 2024 01:09 Inactive
Copy link
Contributor

This pull request is not passing all required checks. Please see this discussion for information on how to get all checks passing. Inconsistent checks can be manually retried. If a test absolutely can not pass for a good reason, please add a comment with an explanation to the PR.

Copy link
Contributor

aem-code-sync bot commented Jul 17, 2024

@aem-code-sync aem-code-sync bot temporarily deployed to perf-refactor-article-header July 17, 2024 01:44 Inactive
@aem-code-sync aem-code-sync bot temporarily deployed to perf-refactor-article-header July 17, 2024 01:47 Inactive
@@ -1,16 +1,15 @@
import { createTag, getMetadata, getConfig } from '../../utils/utils.js';
import { copyToClipboard } from '../../utils/tools.js';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is copyToClipboard in tools.js used outside of article header?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No, not in milo but I didn't want to delete it in case a consumer is using it.

@aem-code-sync aem-code-sync bot temporarily deployed to perf-refactor-article-header July 17, 2024 18:29 Inactive
@meganthecoder
Copy link
Contributor Author

Copy link
Contributor

Reminder to set the Ready for Stage label - to queue this to get merged to stage & production.

@Dli3 Dli3 added verified PR has been E2E tested by a reviewer Ready for Stage labels Jul 23, 2024
@meganthecoder meganthecoder force-pushed the perf-refactor-article-header branch from 8c9d3a2 to c11c268 Compare July 23, 2024 17:55
@milo-pr-merge milo-pr-merge bot merged commit 4d3ab7b into stage Jul 23, 2024
12 checks passed
@milo-pr-merge milo-pr-merge bot deleted the perf-refactor-article-header branch July 23, 2024 18:16
@milo-pr-merge milo-pr-merge bot mentioned this pull request Jul 23, 2024
rohitsahu pushed a commit to rohitsahu/milo that referenced this pull request Jul 26, 2024
* stage:
  MWPW-154998 [MEP][MILO] Manifests do not execute in the right order when there is a disabled manifest (adobecom#2632)
  mwpw-154965: Fetch federal stage content from hlx.page instead of stage.adobe.com (adobecom#2618)
  Correct error messages for duplicate files on the stage to main workflow (adobecom#2621)
  MWPW-153245 [merch][analytics] dispatch wcomp events, and let default lh (adobecom#2610)
  Revert "MWPW-146528[MILO][MEP][ANALYTICS] Add attribute to content changed by Target for analytics and MWPW-152274" (adobecom#2627)
  MWPW-128600 Locale Tool: Langstore points to langstore/en (adobecom#2615)
  Fix for errors in dynamically loaded scripts in test cases (adobecom#2619)
  MWPW-146528[MILO][MEP][ANALYTICS] Add attribute to content changed by Target for analytics and MWPW-152274 (adobecom#2593)
  Bootstrapper script for milo feds blocks (adobecom#2560)
  Revert "[MWPW-152968] mWeb - Passing ECID to Branch.io banner - Implementation" (adobecom#2612)
  MWPW-146743 Improve Article Header Performance (adobecom#2577)
  MWPW-153808: fix duplicate tax label (adobecom#2614)
  MWPW-154026: Long CTAs fall in the second line in merch card footer (adobecom#2565)
  Revert "[MWPW-154795] Style Feds Global-footer region picker drop-up variant (without hash)" (adobecom#2611)
  [AUTOMATED-PR] Update imslib.min.js dependency (adobecom#2605)
  [MWPW-154795] Style Feds Global-footer region picker drop-up variant (without hash) (adobecom#2599)
  MWPW-143053 [MEP] Request for New Personalization Tag - CC Paid (adobecom#2604)
  [MWPW-152674] [Gray Box] Desktop gnav not hidden when device view is open (adobecom#2597)
  MWPW-150566 - 🆕 Editorial-Card block (adobecom#2533)

# Conflicts:
#	libs/deps/merch-card.js
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Ready for Stage run-nala Run Nala Test Automation against PR verified PR has been E2E tested by a reviewer
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants