CODEWITHSUNDEEP
javascript
django11
django11

Reputation: 811

How to load javascript files dinamically on server side rendered website?

There is a website with a lot of javascript files. Website uses no framework just webpack, jquery and other plugins which are installed through npm. Just simple html site and laravel for backend.

All javascript files are required to main.js. And main.js files is added to template html file.

How to load for each page only files that are needed for that page? For example if you visit contact us page client should load only contact.js file without other files like products.js, register.js and etc.

Ofcourse I could include each js file to its page without loading all js files in one file. But maybe there is smarter way how it could be implemented on my situation from javascript and webpack side?

Now my javascript file size is 2mb, some pages needs only small part of it. So, I need for each page load only what is needed for it.

Upvotes: 1

Views: 545

Answers (2)

xEmrah
xEmrah

Reputation: 23

May you use RequireJs ? It will optimize your Code &' Performance

Upvotes: 1

cross19xx
cross19xx

Reputation: 3487

If it is a classical server, then I don't think it's possible. With a Javascript library like React, you could've considered code splitting.

I think your initial approach, which was splitting them into their respective .js files is, as it stands now, the best approach

Upvotes: 1

Related Questions