PWA Tutorial for Beginners #22 - Site Audit Refresh

Key Takeaways

okay then gang so I just want to take this video to sign it up a little bit and I want to perform another audits on this up to see if it satisfies any more of the conditions or criteria that make up a progressive web up in the eyes of Google and the lights house audits so what I'm going to do is go over here and go to audits and I'm just going to keep progressive web app checked and keeping the others unchecked because I don't want to deviate from pwace at the moment and I'm going to come down here and say run audits so again this is just gonna run the report for us and then hopefully give us some results in a second so before installable right here this was all lit up because all of these three conditions were satisfied but before these two right here these were not and now they are satisfied these conditions and these conditions are the current page responds with a 200 went offline and now it does because remember we have now cached some assets so that we can serve them when the user is offline the index page plus any other pages that they might have visited while they are online we cache those as well and the start URL responds with a 200 when offline as well so these two are both satisfied now and we can see that now this is lit up as well so it's nice to see that we're making progress we now have fast and reliable or sorted installable all sorted this one down here we have this one does not redirect HTTP traffic to HTTPS now that is going to come when we deploy the application because we're going to be using a firebase hosting and when we upload something to firebase that is going to take care of redirecting HTTP traffic to HTTPS Forest because it serves all our content over a secure connection okay so this is looking pretty good we've made some good headway with our progressive web apps so far now there's one more thing I'd like to show you in this video and that requires us to go offline so let me do this and refresh and then I want to go over to the console and you see this thing right here an unknown error occurred when fetching the script now this is an expected error and it doesn't matter too much but it's referring to the fact that it can't find the Service Worker because we're not cached it and you know what we don't need to cache our serviceworker because if we cashed our serviceworker then a new one would never get updated right so that kind of defeats the object of having a serviceworker so now we know that we're satisfying more of the conditions in our audits I'm gonna move on in the next video now to another part of this course and that's to do with data now to store data we're going to be using a database called firebase fire store and we'll talk about that in the next video