{"id":21801796,"url":"https://github.com/fchristenson/code-splitting","last_synced_at":"2025-08-16T23:44:10.243Z","repository":{"id":47974173,"uuid":"205505882","full_name":"fChristenson/code-splitting","owner":"fChristenson","description":null,"archived":false,"fork":false,"pushed_at":"2023-01-07T09:15:39.000Z","size":646,"stargazers_count":1,"open_issues_count":17,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-21T07:11:59.491Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fChristenson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-31T06:31:18.000Z","updated_at":"2019-09-02T01:36:39.000Z","dependencies_parsed_at":"2023-02-06T18:45:42.134Z","dependency_job_id":null,"html_url":"https://github.com/fChristenson/code-splitting","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fChristenson/code-splitting","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fChristenson%2Fcode-splitting","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fChristenson%2Fcode-splitting/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fChristenson%2Fcode-splitting/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fChristenson%2Fcode-splitting/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fChristenson","download_url":"https://codeload.github.com/fChristenson/code-splitting/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fChristenson%2Fcode-splitting/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270786186,"owners_count":24644559,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-16T02:00:11.002Z","response_time":91,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-27T11:20:05.912Z","updated_at":"2025-08-16T23:44:10.207Z","avatar_url":"https://github.com/fChristenson.png","language":"JavaScript","readme":"# Code splitting with Webpack explained\n\n## What we will cover\n\n- What is code splitting?\n- What is lazy loading?\n- When do we want to do it?\n\n## Notes\n\nCode splitting is when we want to remove a module from our bundle and have it be bundled as a separate chunk.\n\nThe reason we would want this is that one part of our code may change very often and one may not change so much\nand by splitting our code in to multiple chunks we can allow the users browser to cache the chunk that stays the\nsame and just update the chunk that changed.\n\nA common use case is that we want to chunk our third party dependencies such as React in one chunk since this code\nwill rarely change and keep our application code in another chunk.\n\nLazy loading is when we want to delay the fetching of a chunk.\n\nThis is useful when we want to initial load time of our application to be fast since we will at first send less code\nand then we can fetch the remaining code when the application has become available to the user.\n\nA great use case for lazy loading is when we have routes that may not be interesting to the user so there is no need\nfor us to fetch them until the user wants to see them.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffchristenson%2Fcode-splitting","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffchristenson%2Fcode-splitting","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffchristenson%2Fcode-splitting/lists"}