feat: improve caching behavoir

This commit ensures that both the private browser and shared CND caches are used. By doing this, the load on both the Vercel instance, the GraphQL and WakaAPI is reduced. In addition, the `stale-while-revalidate` option was added to speed up the card loading.
anuraghazra · Oct 4, 2022 · 677096c · 677096c
1 parent aae83cb
commit 677096c
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/api/index.js b/api/index.js
@@ -63,7 +63,7 @@ export default async (req, res) => {
       CONSTANTS.ONE_DAY,
     );
 
-    res.setHeader("Cache-Control", `public, max-age=${cacheSeconds}`);
+    res.setHeader("Cache-Control", `max-age=${cacheSeconds}, s-maxage=${cacheSeconds} stale-while-revalidate`);
 
     return res.send(
       renderStatsCard(stats, {

diff --git a/api/pin.js b/api/pin.js
@@ -58,7 +58,7 @@ export default async (req, res) => {
       cacheSeconds = CONSTANTS.FOUR_HOURS;
     }
 
-    res.setHeader("Cache-Control", `public, max-age=${cacheSeconds}`);
+    res.setHeader("Cache-Control", `max-age=${cacheSeconds}, s-maxage=${cacheSeconds} stale-while-revalidate`);
 
     return res.send(
       renderRepoCard(repoData, {

diff --git a/api/top-langs.js b/api/top-langs.js
@@ -55,7 +55,7 @@ export default async (req, res) => {
       CONSTANTS.ONE_DAY,
     );
 
-    res.setHeader("Cache-Control", `public, max-age=${cacheSeconds}`);
+    res.setHeader("Cache-Control", `max-age=${cacheSeconds}, s-maxage=${cacheSeconds} stale-while-revalidate`);
 
     return res.send(
       renderTopLanguages(topLangs, {

diff --git a/api/wakatime.js b/api/wakatime.js
@@ -55,7 +55,7 @@ export default async (req, res) => {
       cacheSeconds = CONSTANTS.FOUR_HOURS;
     }
 
-    res.setHeader("Cache-Control", `public, max-age=${cacheSeconds}`);
+    res.setHeader("Cache-Control", `max-age=${cacheSeconds}, s-maxage=${cacheSeconds} stale-while-revalidate`);
 
     return res.send(
       renderWakatimeCard(stats, {