V3's framwork7.min.css and frameword7.min.js is too large

V3’s framwork7.min.css and frameword7.min.js is too large, v3 is not recomended to use in mobile website?

@nolimits4web can v3 be load lazy in mobile website use?
visit https://www.lingyun.net use a phone, it is slow than v1 in the past(I have just upgrate it from v1 to v3)

Hi you can try to bundle your app:

Framework7 has modular structure and by default it exports only core Framework7 with core components.

// Import core framework
import Framework7 from 'framework7';

// Import additional components
import Searchbar from 'framework7/components/searchbar/searchbar.js';
import Calendar from 'framework7/components/calendar/calendar.js';
import Popup from 'framework7/components/popup/popup.js';

// Install F7 Components using .use() method on class:
Framework7.use([Searchbar, Calendar, Popup]);

// Init app
var app = new Framework({/*...*/});


The result js/css will be smaller.

1 Like

Or use custom build http://framework7.io/docs/custom-build.html

1 Like