AOEpeople / aoepeople.github.io

Our AOEpeople opensource.aoe.com Website repository

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Incorporate Lighthouse findings

d738 opened this issue · comments

If you check the website with Lighthouse, you will find some points that might be worth a look.
I have attached the report here as a PDF and list some points below.

OPPORTUNITIES

  • #26 Properly size images: Serve images that are appropriately-sized to save cellular data and improve load time.
  • #26 Serve images in next-gen formats

NAMES AND LABELS

  • #28 Image elements do not have [alt] attributes: These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.

MOBILE FRIENDLY

  • #29 Does not have a tag with width or initial-scale: A <meta name="viewport"> not only optimizes your app for mobile screen sizes, but also prevents a 300 millisecond delay to user input.

CONTENT BEST PRACTICES

  • #30 Document does not have a meta description: Meta descriptions may be included in search results to concisely summarize page content.

20220317_LighthouseFindings.pdf

All resolved, Lighthouse still suggests to cache static files, but that's currently not possible, see #27

Screenshot 2022-03-20 at 20 03 11

This looks ok :)