search

aimementoring / website

AIME Mentoring Website
1 stars 0 forks source link

Performance improvements and progressive enhancements #85

Open kbardi opened 4 years ago

kbardi commented 4 years ago

Improve performance by:

  1. Loading images using webp format and progressive loading from contenful using Picture component, loading images with &fl=progressive using StoriesContent as an example.
  2. Cleaning css files, removing unused classes
  3. Replacing css by css modules
  4. Creating smaller files and reusing them from different pages/components.
  5. Using as much as we can Blueprint components.
  6. Converting images to webp using AWS service maybe
  7. Validating Lighthouse reports to make more improvements
bronz3beard commented 4 years ago

hey @kbardi

I think it would be a good idea to remove any files that are not page files from the /pages directory and move them to components for example beAMentor has many files that can go to the components directory something similar or the same as /storiesComponents folder.

Just an idea I think could be good practice.

kbardi commented 4 years ago

I agree @bronz3beard , I can tackle this issue maybe this week

lulen11 commented 4 years ago

hey @kbardi where is this at?