Akshay Sharma akshaykumar6

## route-based-chunking.md

      
              1 file
            
          
              4 forks
            
          
              0 comments
            
          
              44 stars
            
          
                addyosmani
                / route-based-chunking.md
            
            
              Last active
              December 28, 2021 06:18
            
              
                Route-based chunking
              
          
    Route-based chunking

Many of us building single-page apps today use JavaScript module bundling tools that trend towards a
monolithic "bundle.js" file including the full app and vendor code for multiple routes. This means if a user lands
on any arbitrary route they need to wait for a large bundle of JS to be fetched, parsed and executed
before the application is fully rendered and interactive.

This is a little backwards, especially when apps are used under real-world network (3G) and device

  
## example.html
<!DOCTYPE html>
<head>
<title>Stay Standalone</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<script src="stay_standalone.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li><a href="http://google.com/">Remote Link (Google)</a></li>
	<!DOCTYPE html>
	<head>
	<title>Stay Standalone</title>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<script src="stay_standalone.js" type="text/javascript"></script>
	</head>
	<body>
	<ul>
	<li><a href="http://google.com/">Remote Link (Google)</a></li>