Comments on: How to Cache HTTP Requests in an Angular App (PWA) https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/ Advanced Angular Training Made Simple Mon, 27 Feb 2023 05:30:17 +0000 hourly 1 https://wordpress.org/?v=6.7.4 By: The Complete Guide to Optimizing Angular Application Performance | Tech Magazine https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/#comment-172123 Mon, 27 Feb 2023 05:30:17 +0000 https://christianlydemann.com/?p=921#comment-172123 […] load times by locally storing resources and recovering them as needed. You have an option to cache resources in Angular apps by using the pre-built service entitled “$http” configuration and setting the object to […]

]]> By: Angular PWA / Service worker离线翻译宽度ngx-translate - 实战宝典 https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/#comment-131417 Mon, 27 Dec 2021 05:10:02 +0000 https://christianlydemann.com/?p=921#comment-131417 […] 请参见https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/和https://angular.io/guide/service-worker-config#datagroups […]

]]> By: Gurpreet Singh https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/#comment-75742 Tue, 01 Dec 2020 02:54:00 +0000 https://christianlydemann.com/?p=921#comment-75742 In reply to mx.

how to submit form offline and resync it to server when connection available in angular pwa ?

]]> By: Gurpreet Singh https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/#comment-75475 Sat, 28 Nov 2020 06:02:00 +0000 https://christianlydemann.com/?p=921#comment-75475 is this possible to do post request in offline mode?
I mean to say submit form offline in angular pwa

]]> By: The Complete Guide To Angular Load Time Optimization – Christian Lüdemann https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/#comment-7490 Sun, 11 Aug 2019 06:34:29 +0000 https://christianlydemann.com/?p=921#comment-7490 […] Caching API resources […]

]]> By: coder001 https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/#comment-2637 Mon, 08 Jul 2019 16:43:00 +0000 https://christianlydemann.com/?p=921#comment-2637 In reply to Christian Lydemann.

Is it possible to get access to the low level API? For ex, be able to intercept a fetch request and modify?

]]> By: How To Fix the Most Common Angular Performance Problems Like a Doc - ExamsWorld https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/#comment-423 Fri, 14 Jun 2019 03:05:33 +0000 https://christianlydemann.com/?p=921#comment-423 […] Angular PWA to cache HTTP requests using either a performance or freshness caching strategy. If it changes rarely you might use […]

]]> By: How To Fix the Most Common Angular Performance Problems Like a Doc – Christian Lüdemann https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/#comment-417 Mon, 03 Jun 2019 06:17:48 +0000 https://christianlydemann.com/?p=921#comment-417 […] Angular PWA to cache HTTP requests using either a performance or freshness caching strategy. If it changes rarely you might use […]

]]> By: The Complete Guide to Angular Performance Tuning – Christian Lüdemann IT https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/#comment-388 Fri, 12 Apr 2019 03:14:27 +0000 https://christianlydemann.com/?p=921#comment-388 […] I have a guide with a video showing you how to do this here. […]

]]> By: Slava Lishnevsky https://christianlydemann.com/how-to-cache-http-requests-in-an-angular-pwa/#comment-387 Thu, 11 Apr 2019 16:31:00 +0000 https://christianlydemann.com/?p=921#comment-387 Hi Chris, thank you. There are few things that I don’t get:
1 – You have two data groups defined in ngsw-config.json. How does it (the sw) know which one to use?
2 – If my app makes api calls with url params, like https://jsonplaceholder.typicode.com/posts/1/comments, where post id can be any number, how can that be cached up front? But somehow it works offline and I dont understand how… ) How can it cache api responses that never happened? I have
"dataGroups": [
{
"name": "api",
"urls": [ "https://jsonplaceholder.typicode.com/**" ],
"cacheConfig": {
"maxSize": 100,
"maxAge": "3d",
"timeout": "1m",
"strategy": "performance"
}
}
]
Cant find any info, maybe you know? 🙂

]]>