René's URL Explorer Experiment


Title: JavaScript Start-up Optimization  |  Articles  |  web.dev

Open Graph Title: JavaScript Start-up Optimization  |  Articles  |  web.dev

Description: Keep your network transmission and parse/compile cost for JavaScript low to ensure pages get interactive quickly.

Open Graph Description: Keep your network transmission and parse/compile cost for JavaScript low to ensure pages get interactive quickly.

Opengraph URL: https://web.dev/articles/optimizing-content-efficiency-javascript-startup-optimization

direct link

Domain: web.dev


Hey, it has json ld scripts:
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "dateModified": "2017-11-30",
    "headline": "JavaScript Start-up Optimization"
  }
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{
      "@type": "ListItem",
      "position": 1,
      "name": "Articles",
      "item": "https://web.dev/articles"
    },{
      "@type": "ListItem",
      "position": 2,
      "name": "JavaScript Start-up Optimization",
      "item": "https://web.dev/articles/optimizing-content-efficiency-javascript-startup-optimization"
    }]
  }
  

google-signin-client-id157101835696-ooapojlodmuabs2do2vuhhnf90bccmoi.apps.googleusercontent.com
google-signin-scopeprofile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award https://www.googleapis.com/auth/devprofiles.full_control.firstparty
og:site_nameweb.dev
og:typewebsite
theme-color#3740ff
NoneIE=Edge
og:localeen

Links:

Skip to main content https://web.dev/articles/optimizing-content-efficiency-javascript-startup-optimization#main-content
https://web.dev/
HTML https://web.dev/html
CSS https://web.dev/css
JavaScript https://web.dev/javascript
Performance https://web.dev/performance
Accessibility https://web.dev/accessibility
Identity https://web.dev/identity
Learn HTML https://web.dev/learn/html
Learn CSS https://web.dev/learn/css
Learn JavaScript https://web.dev/learn/javascript
Learn AI https://web.dev/learn/ai
Learn Performance https://web.dev/learn/performance
Learn Accessibility https://web.dev/learn/accessibility
More courses https://web.dev/learn
AI and the web https://web.dev/explore/ai
Explore https://web.dev/explore
PageSpeed Insights https://pagespeed.web.dev/
Patterns https://web.dev/patterns
Podcasts & shows https://web.dev/shows
Developer Newsletter https://web.dev/newsletter
About web.dev https://web.dev/about
Discover https://web.dev/discover
Baseline https://web.dev/baseline
How to use Baseline https://web.dev/how-to-use-baseline
Blog https://web.dev/blog
Case Studies https://web.dev/case-studies
Articles https://web.dev/articles
https://web.dev/
Discover https://web.dev/discover
Baseline https://web.dev/baseline
How to use Baseline https://web.dev/how-to-use-baseline
Blog https://web.dev/blog
Case Studies https://web.dev/case-studies
HTML https://web.dev/html
CSS https://web.dev/css
JavaScript https://web.dev/javascript
Performance https://web.dev/performance
Accessibility https://web.dev/accessibility
Identity https://web.dev/identity
Learn HTML https://web.dev/learn/html
Learn CSS https://web.dev/learn/css
Learn JavaScript https://web.dev/learn/javascript
Learn AI https://web.dev/learn/ai
Learn Performance https://web.dev/learn/performance
Learn Accessibility https://web.dev/learn/accessibility
More courses https://web.dev/learn
AI and the web https://web.dev/explore/ai
Explore https://web.dev/explore
PageSpeed Insights https://pagespeed.web.dev/
Patterns https://web.dev/patterns
Podcasts & shows https://web.dev/shows
Developer Newsletter https://web.dev/newsletter
About web.dev https://web.dev/about
Home https://web.dev/
Articles https://web.dev/articles
X https://twitter.com/addyosmani
GitHub https://github.com/addyosmani
Bluesky https://bsky.app/profile/addyosmani.bsky.social
code-splittinghttps://web.dev/articles/reduce-javascript-payloads-with-code-splitting
webpackhttps://webpack.js.org
code-splittinghttps://webpack.js.org/guides/code-splitting/
UglifyJShttps://github.com/mishoo/UglifyJS
minifyinghttps://web.dev/articles/optimizing-content-efficiency-optimize-encoding-and-transfer#minification_preprocessing_context-specific_optimizations
babel-minifyhttps://github.com/babel/minify
uglify-eshttps://www.npmjs.com/package/uglify-es
gziphttps://web.dev/articles/optimizing-content-efficiency-optimize-encoding-and-transfer#text_compression_with_gzip
Brotlihttps://www.smashingmagazine.com/2016/10/next-generation-server-compression-with-brotli/
q11https://twitter.com/paulcalvano/status/924660429846208514
17%https://speakerdeck.com/addyosmani/the-browser-hackers-guide-to-instant-loading?slide=30
4%https://engineering.linkedin.com/blog/2017/05/boosting-site-speed-using-brotli-compression
DevTools code coveragehttps://web.dev/web/updates/2017/04/devtools-release-notes#coverage
babel-preset-envhttps://github.com/babel/babel/tree/main/packages/babel-preset-env
analysis of their webpack bundleshttps://github.com/webpack-contrib/webpack-bundle-analyzer
tree-shakinghttps://webpack.js.org/guides/tree-shaking/
Closure Compilerhttps://web.dev/closure/compiler
lodash-babel-pluginhttps://github.com/lodash/babel-plugin-lodash
ContextReplacementPluginhttps://iamakulov.com/notes/webpack-front-end-size-caching/#moment-js
HTTP cachinghttps://web.dev/web/fundamentals/performance/optimizing-content-efficiency/http-caching
V8’s code cachehttps://v8project.blogspot.com/2015/07/code-caching.html
filename hashinghttps://webpack.js.org/guides/caching/
Chrome DevToolshttps://web.dev/web/tools/chrome-devtools
mobile device classeshttps://crossbrowsertesting.com/blog/development/use-google-analytics-find-devices-customers-use/
JavaScript on mobilehttp://beta.httparchive.org/reports/state-of-javascript#bytesJs
memory leakshttps://developer.chrome.com/docs/devtools/memory-problems
requestAnimationFrame()https://developer.mozilla.org/docs/Web/API/window/requestAnimationFrame
requestIdleCallback()https://developer.mozilla.org/docs/Web/API/window/requestIdleCallback
Interaction to Next Paint (INP)https://web.dev/articles/inp
PRPLhttps://web.dev/articles/apply-instant-loading-with-prpl
Wegohttps://www.wego.com
Progressive Bootstrappinghttps://twitter.com/aerotwist/status/729712502943174657
Can You Afford It?: Real-world Web Performance Budgetshttps://infrequently.org/2017/10/can-you-afford-it-real-world-web-performance-budgets/
Chrome Dev Summit 2017 - Modern Loading Best Practiceshttps://www.youtube.com/watch?v=_srJ7eHS3IM
JavaScript Start-up Performancehttps://medium.com/reloading/javascript-start-up-performance-69200f43b201
Solving the web performance crisishttps://nolanlawson.github.io/frontendday-2016/
Can you afford it? Real-world performance budgetshttps://infrequently.org/2017/10/can-you-afford-it-real-world-web-performance-budgets/
Evaluating web frameworks and librarieshttps://twitter.com/kristoferbaxter/status/908144931125858304
Cloudflare’s Results of experimenting with Brotlihttps://blog.cloudflare.com/results-experimenting-brotli/
Performance Futureshttps://medium.com/@samccone/performance-futures-bundling-281543d9a0d5
Creative Commons Attribution 4.0 Licensehttps://creativecommons.org/licenses/by/4.0/
Apache 2.0 Licensehttps://www.apache.org/licenses/LICENSE-2.0
Google Developers Site Policieshttps://developers.google.com/site-policies
File a bug https://issuetracker.google.com/issues/new?component=1400680&template=1857359
See open issues https://issuetracker.google.com/issues?q=status:open%20componentid:1400680&s=created_time:desc
Chrome for Developers https://developer.chrome.com/
Chromium updates https://blog.chromium.org/
Case studies https://web.dev/case-studies
Podcasts & shows https://web.dev/shows
@ChromiumDev on X https://twitter.com/ChromiumDev
YouTube https://www.youtube.com/user/ChromeDevelopers
Chrome for Developers on LinkedIn https://www.linkedin.com/showcase/chrome-for-developers
RSS https://web.dev/static/blog/feed.xml
Terms https://policies.google.com/terms
Privacy https://policies.google.com/privacy
Manage cookies https://web.dev/articles/optimizing-content-efficiency-javascript-startup-optimization

Viewport: width=device-width, initial-scale=1


URLs of crawlers that visited me.