My Service Worker does not load the page offline and no Manifest is fetched - json

Question

I am creating a progressive website www.seta-capital.com, on the inspector I do not receive any error, I see the registration of the service worker but the website doesn't load offline, Lighthouse tool says that no service worker is present and no manifest is fetched. Can you please tell me if I am doing something wrong?
I created my very simple manifest.json
{
"short_name": "Seta",
"name": "Seta Capital",
"icons": [
{
"src": "../img/logo_no_writing.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "../img/logo_no_writing.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": "/",
"background_color": "#3367D6",
"display": "standalone",
"scope": "/",
"theme_color": "#3367D6"
}
In my index.php I added my Script to locate the json
And I added a service Worker registration script:
<script>
if('serviceWorker' in navigator) {
navigator.serviceWorker
.register('../js/sw.js')
.then(function() { console.log("Service Worker Registered");
});
}
</script>
Finally my sw.js file is:
self.addEventListener('install', function(e) {
e.waitUntil(
caches.open('setacapital').then(function(cache) {
return cache.addAll([
'../',
'../index.php',
'../css/Formcss.css',
'../js/jquery-2.1.0.min.js',
'../js/circle-progress.min.js',
'../css/Formcss2.css',
'../img/bg.jpg',
]);
})
);
});
self.addEventListener('fetch', function(event) {
console.log(event.request.url);
event.respondWith(
caches.match(event.request).then(function(response) {
return response || fetch(event.request);
})
);
});

Answer 1

that won't work.
your index.php is probably a complex dynamically creating file.. depending on a lot of other php code and database queries.
you would need to cache a pre-rendered file like an index.html file.