https://github.com/jamiemason/next-optimized-head

Next.js `<Head/>` which orders elements to improve (perceived) page performance.
https://github.com/jamiemason/next-optimized-head

Last synced: about 2 months ago
JSON representation

Next.js `<Head/>` which orders elements to improve (perceived) page performance.

• Host: GitHub
• URL: https://github.com/jamiemason/next-optimized-head
• Owner: JamieMason
• License: mit
• Created: 2023-07-14T16:43:38.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-14T19:41:45.000Z (almost 2 years ago)
• Last Synced: 2024-10-18T19:33:01.907Z (8 months ago)
• Language: TypeScript
• Size: 46.9 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# next-optimized-head

Next.js `

        

        

      

    

  );

}

```

## Example

When run against [create-next-app](https://nextjs.org/docs/pages/api-reference/create-next-app)

### Before

![](static/before.png)

### After

![](static/after.png)

The exact sorted order which [capo.js](https://github.com/rviscomi/capo.js) recommends is not possible due to next.js inserting a `` element which must be present before one of its scripts is loaded afterwards.