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.

Sign up for GitHub

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

Jump to bottom

Lighthouse optimization #90

Open
10 of 13 tasks
yogeshbeniwal opened this issue Mar 24, 2021 · 3 comments
Open
10 of 13 tasks

Lighthouse optimization #90

yogeshbeniwal opened this issue Mar 24, 2021 · 3 comments

Comments

@yogeshbeniwal
Copy link
Contributor

yogeshbeniwal commented Mar 24, 2021 •
edited by godofredoninja
Loading

Below are few of suggestions (Opportunities) to improve performance score and Diagnostics, which can improve performance as per results from Google Lighthouse tool

Specifically for Non-AMP pages below is list:

Performance

  • Image elements do not have explicit width and height: Reported for featured image, which then is resulting into large Cumulative Layout Shift (CLS). Google is coming up with update in page ranking signal, one of main is Cumulative Layout Shift in Core Web Vitals. Still appearing for featured image in post with sidebar.
  • Properly size images: Reported for Featured image

Accessibility

  • Background and foreground colors do not have a sufficient contrast ratio: Low-contrast text is difficult or impossible for many users to read
  • Links do not have a discernible name

Specifically for AMP pages below is list:

Performance

  • Eliminate render-blocking resources: Reported for https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap
  • Properly size images: Reported for Featured image
  • Preload Largest Contentful Paint image: Reported for Featured image. This may go away once other issues in this category are resolved
  • Remove unused JavaScript: Reported for multiple Javascript files used from cdn.ampproject.org
  • Remove duplicate modules in JavaScript bundles: Remove duplicate modules in JavaScript bundles
  • Minimize main-thread work: Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this

Accessibility

  • Buttons do not have an accessible name: Reported for Menu button
  • Background and foreground colors do not have a sufficient contrast ratio: Low-contrast text is difficult or impossible for many users to read

SEO

  • Tap targets are not sized appropriately: Reported for overlapping of Author name on Tag for Mobile devices. Interactive elements like buttons and links should be large enough (48x48px), and have enough space around them, to be easy enough to tap without overlapping onto other elements.

Best Practices is reported ok. Kudos for the job well done.
@godofredoninja
Copy link
Owner

Hi @yogeshbeniwal

Thank you for testing.

Some problems have already been solved

@yogeshbeniwal
Copy link
Contributor Author

yogeshbeniwal commented Apr 11, 2021 •
edited
Loading

Updated results above after testing with v0.3.4. Using Post Sidebar Template.

@yogeshbeniwal yogeshbeniwal mentioned this issue Apr 20, 2021
Open
12 tasks
@quyleanh
Copy link
Contributor

@yogeshbeniwal could you please update your check list? Thank you.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@yogeshbeniwal @quyleanh @godofredoninja