diff --git a/.github/workflows/githubactions.yml b/.github/workflows/githubactions.yml
index 925b978..f9d6683 100644
--- a/.github/workflows/githubactions.yml
+++ b/.github/workflows/githubactions.yml
@@ -93,10 +93,6 @@ jobs:
         run: npm run build
       - name: Playwright install
         run: npx playwright install --with-deps
-      - name: Install Percy CLI
-        run: npm install --save-dev @percy/cli
-      - name: Run Percy Snapshot
-        run: npx percy snapshot dist/
       - name: Run e2e
         run: npm run e2e:test
       - uses: actions/upload-artifact@v4
@@ -105,6 +101,24 @@ jobs:
           name: playwright-report
           path: playwright-report/
           retention-days: 30
+  percy:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [20]
+    needs: [build]
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+      - uses: actions/cache@v4
+        with:
+          node-version: '14'
+      - run: npm install --save-dev @percy/cli
+      - run: npx percy snapshot dist/ # or any directory such as public/
         env:
           PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
   sonarcloud: