[NEXT-1142] app increase bundle size of pages

[QzCurious]

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP Fri Apr 2 22:23:49 UTC 2021
Binaries:
  Node: 16.19.0
  npm: 8.19.3
  Yarn: 1.22.19
  pnpm: N/A
Relevant packages:
  next: 13.4.1-canary.1
  eslint-config-next: N/A
  react: 18.2.0
  react-dom: 18.2.0

Which area(s) of Next.js are affected? (leave empty if unsure)

No response

Link to the code that reproduces this issue

https://github.com/QzCurious/nextjs-app-increase-bundle-size-of-pages

To Reproduce

Check the bundle size of pages of a clean next-app

1. git clone [email protected]:QzCurious/nextjs-app-increase-bundle-size-of-pages.git
2. cd nextjs-app-increase-bundle-size-of-pages.git
3. git checkout e73f9f4
4. yarn
5. yarn build
6. check output
   

Check the bundle size of pages of a next-app with a app/home/page.tsx

1. git checkout 93a54da
2. yarn
3. yarn build
4. check output

Describe the Bug

By just adding a minimal page in app directory, it increase the bundle size of pages.

Expected Behavior

The bundle size of pages should not affected by app directory.

Which browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

_NEXT-1142

[zackfencedev]

I saw a youtube video on this and I believe this is intended behaviour. The benchmark showed despite the increase page size, the page was actually faster. I believe the extra space comes from json being encoded at the bottom of the page instead of being fetched client side.

[QzCurious]

Upgrade to 13.4.5-canary.0 solve the issue.

[huozhi]

Thanks for confirming!

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.