Improve app performance with Lighthouse audit score

roscaandreea commented 2 years ago

[ ] To give a CTRL+Shift+R for hard reload without cache, check network tab (long rendering time, it tells you in Lighthouse audit). It's the image put without being compressed.
[x] For compression to use this site.
[x] Minimize main-thread work by creating a service worker
[x] Remove unused code
[x] Add rel="noopener" to any external links to improve performance and prevent security vulnerabilities.
[x] Update service worker
[x] Rewrite the webpack config and take be able to use the Workbox
[x] Listening for Install and Activate Events in a Service Worker
[x] Clean up old caches and interact with the local storage or indexedDB
[x] Our custom service worker is currently caching only static assets that are included in the React App. So, if you have resources from a third party like Bootstrap, they won’t be included in the cache as they are not available at webpack compile time.Change the service worker to add caching for those by assets
[x] Adding custom icons to be able to add the web app on the home screen of iOS and Android devices

roscaandreea commented 2 years ago

Just fixed the task which included removing vulnerabilities from buttons containing external liks with 25fd8087cb61680c7ba7e032731198708b8a08fc .

roscaandreea commented 2 years ago

Solve the task with service worker with this 663cfa3a5eb31c3fde585f76e72cad75e5dd7be7

roscaandreea commented 2 years ago

Solved the problem with rewrite the webpack config with 9386b5dadb7378419421f05a496cb05a3c64c872 .

roscaandreea commented 2 years ago

Resolved with activate events in service worker with 5eaa5518ad9ec667185cfee03da2f6641ab88073 .

roscaandreea commented 2 years ago

Fixed that part with clean up old caches with 3062b480800974ee8ebd7d9e800fe7454319ceeb .

roscaandreea commented 2 years ago

Completed the task with custom icons for home screen of iOS and Android devices with 83b7eb7e4dcaf56a361e794a4f84a0db07631549 .

roscaandreea / myPortofolio