How do YOU integrate your custom code? (Code + SEO related)

Design help Custom code
1

Hi,

so I have multiple clients and some of their webflow projects are getting a bit out of hand with custom scripts i had to create for multiple functionalities. My main question is: How do you integrate/include that custom JS + CSS code in webflow?

  • paste it un-minified directly into the custom code section in the settings
  • paste it minified directly into the custom code section (my current approach)
  • use your own webserver to serve a //custom.code/repo.min.js and include that into the custom code section
  • something else I couldn’t think of yet?

Also, do you build your JS? i’m wondering how the SEO stats might go up or down if I don’t include libraries directly (for example: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />), but build a whole package with Gulp and serve that instead of 5 libraries that point to 5 different places on the internet.
If i serve that whole package: should I serve it via my own webserver or paste it minified in the custom code section?

sooo many questions. my performance measurements are all over the place (since my web projects are quite small). anyone have some good measurements at hand or could point me to some good practices for fast performance?

Thank you!

2

@grimnebulin

  1. For simplicity Github + jsDelivr
  2. Little more speed Github + Cloudflare
  3. Lots of speed but more complex Github or similar + Cloudflare Pro + Cloudflare Workers (can bring gulp etc into the mix with the workers and serve from the closest edge location to the user)
1 Like