caching

Google Workbox – Preload vs Prefetch Audio

I wanted to preload audio for a page, I am using preload as oppose to prefetch. Many resources on the topic. If you have Google Workbox running as well then note, you need to use crossorigin=anonymous even if same domain, to ensure caching if you using runtimeCaching as I am. Links https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content https://developers.google.com/web/updates/2016/03/link-rel-preload https://en.wikipedia.org/wiki/Link_prefetching https://developers.google.com/web/fundamentals/media/fast-playback-with-video-preload#link_preload … Read more

Create React App – PWA Caching Challenge

In developing my latest Progressive Web App, I came across the following problem. Note I was using Create-React-App at at the time, it did not allow for modifying the workbox it used to generate its Service Worker. I found this article https://karannagupta.com/using-custom-workbox-service-workers-with-create-react-app/ which provides a way to create a custom SW without ejecting from CRA.  Challenge The … Read more