simply icon indicating copy to clipboard operation
simply copied to clipboard

Lighthouse optimization

Open yogeshbeniwal opened this issue 3 years ago • 3 comments

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

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

Specifically for AMP pages below is list:

Performance

  • [x] Eliminate render-blocking resources: Reported for https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap
  • [x] Properly size images: Reported for Featured image
  • [x] 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
  • [x] Remove duplicate modules in JavaScript bundles: Remove duplicate modules in JavaScript bundles
  • [x] 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

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

SEO

  • [x] 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.

yogeshbeniwal avatar Mar 24 '21 14:03 yogeshbeniwal

Hi @yogeshbeniwal

Thank you for testing.

Some problems have already been solved

godofredoninja avatar Apr 03 '21 04:04 godofredoninja

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

yogeshbeniwal avatar Apr 11 '21 15:04 yogeshbeniwal

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

quyleanh avatar Jun 27 '22 04:06 quyleanh