simply
simply copied to clipboard
Lighthouse optimization
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.
Hi @yogeshbeniwal
Thank you for testing.
Some problems have already been solved
Updated results above after testing with v0.3.4. Using Post Sidebar Template.
@yogeshbeniwal could you please update your check list? Thank you.