loading   5571

« earlier    

Deploying ES2015+ Code in Production Today — Philip Walton
Have two webpack targets, one for ES6+ browsers, another for ES5 browsers, and use
<script type="module" src="main.mjs"></script> to load the ES6 code, <script nomodule src="main.es5.js"></script> to load the older code

Avoiding transpilation makes code 2x smaller and 2x faster to parse.

More at https://news.ycombinator.com/item?id=15291286

https://twitter.com/philwalton/status/908082461799616512

creat-react-app hasn't implemented it:
https://github.com/facebook/create-react-app/pull/3136#issuecomment-436085607

More complicated alternative that somehow wasn't aware of this post:
https://www.smashingmagazine.com/2018/10/smart-bundling-legacy-code-browsers/
JavaScript  conditional  loading  ES6  browser  load  speed  performance 
15 days ago by dandv
UI Movement - The best UI design inspiration, every day
UI effects, free. Interesting page loading effects and loads of other components and layouts
webdesign  web  design  ux  ui  inspiration  code  loading  effects  page  animations 
16 days ago by piperh

« earlier    

related tags

3g  @font-face  ajax  algorithm  and  android  angular  animation  animations  api  architecture  art  assets  async  asynchronous  asynctask  audio  awesome  bar  bay  best  bestpractices  blur  bodywork  browser  browsers  built-in  canary  car  case  cds18  checklist  chrome  cli  code  coded  color  component  components  conditional  configuration  contentprovider  credential  css-design  css  css3  csv  cursorloader  dash  database  databases  databinding  design  dev  development  devtools  directives  dll  do  documentation  down  dynamic  eager  effect  effects  eloquent  engineering  error  es6  etrailer  example  executor  experience  facebook  foit  font  fonts  fout  frontend  gif  gist  github  go  golang  google  guide  handler  handlerthread  how  howto  html  html5  image-loading  image  images  imgae  important  in  inspiration  intentservice  intersection  javascript  jobintentservice  jquery  js  keys  kivy  kofferraum  kotlin  lands  laravel  laravel5  layout  lazy  lazyload  lead  library  load  loader  loaders  management  map  matte  mobile  modal  module  modules  multithreading  native  navigation  network  node  observer  on  open-source  opensource  optimization  orm  packaging  page  pagespeed  patterns  performance  photos  placeholder  plugin  popup  practices  pre-load  pre-loader  prefetch  preload  preloader  progressive  promises  python  qml  qt  ratchet  ratcheting  react-native  react  reactjs  reference  requests  resource  reveal  rollup  rules  rum  screen  script  sealed  service  shell  shock  shopify  site  sitespeed  skeleton-screen  skeleton-ui  so  soft  soldering  speed  spinkit  spinner  spinners  splitting  ssh  stackoverflow  standard  state  strap  study  stylesheets  suspense  svg  terminal  test  testing  theme  thread  threadpools  throb  tie  time  timing  tips  to  tolearn  toread  totry  tounderstand  transition  tricks  tutorial  typo  typography  ui  ux  validation  versus  video  volvo  vue  vuejs  wait  web-design  web-dev  web-development  web-programming  web  webdesign  webdev  webfont  webfonts  webpack  youtube 

Copy this bookmark:



description:


tags: