Building Fast Web Experiences with Firebase Hosting (Google I/O '17)

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ย. 2024
  • We all want a fast page load, but there's a lot of factors in the way. Dealing with network latency, managing code size, and serving content to users across the globe in just a few seconds is not an easy task. Firebase Hosting has powerful tools like a global CDN cache and HTTP/2 to help you get your page loaded fast. Come join and pull up the Chrome Dev Tools. This talk will teach you how to profile slow loads and use Firebase Hosting features to speed them up.
    Watch more Firebase talks at I/O '17 here: goo.gl/pmO4Dr
    See all the talks from Google I/O '17 here: goo.gl/D0D4VE
    Subscribe to the Firebase channel: goo.gl/9giPHG
    #io17 #GoogleIO #GoogleIO2017 event: Google I/O 2017; re_ty: Publish;

ความคิดเห็น • 25

  • @fronbasal
    @fronbasal 7 ปีที่แล้ว +15

    David is definitely my favorite Googler c:

  • @GBale1014
    @GBale1014 7 ปีที่แล้ว +1

    Great to see David again!

  • @andrewgremlich
    @andrewgremlich 7 ปีที่แล้ว +1

    Firebase just keeps on getting cooler! :D

  • @TDAK1509
    @TDAK1509 4 ปีที่แล้ว

    I learned a lot of things in this video. Valuable information.

  • @Sam-em1ic
    @Sam-em1ic 7 ปีที่แล้ว +1

    Is it still the case that say I wanted a different web App (functionally, but sharing the same auth, database etc, say project 'A') in three different subdomains, I would need a separate project for each? In that case do I use the same firebase config from project A in the other two Apps / projects? Does that then clash with environment configuration of the other two projects?
    This is the one thing I'm still quite confused by / apprehensive about with hosting. Thanks
    Edit: To clarify, something like the Firebase website itself, whee you have firebase.google.com and console.firebase.google.com, which presumably are two different apps, how would that be implemented in the context of this setup? Thanks

  • @dontreadthis6151
    @dontreadthis6151 7 ปีที่แล้ว +4

    11:27 DID YOU NEED A CALCULATOR TO DO 6 x 4??

    • @davideast4360
      @davideast4360 7 ปีที่แล้ว +3

      Don't Read this I ran out of fingers and toes.

  • @usasikh1
    @usasikh1 7 ปีที่แล้ว +3

    Quite excited about this new feature. Would love a more detailed blog post/Live Coding session for React+redux progressive web app

    • @Sam-em1ic
      @Sam-em1ic 7 ปีที่แล้ว

      Yeah also with next js. I'm going to start experimenting with the whole combo this weekend

    • @michaelbleigh8737
      @michaelbleigh8737 7 ปีที่แล้ว +2

      Check out github.com/firebase/functions-samples/tree/master/isomorphic-react-app for an example of an isomorphic React app.

    • @Sam-em1ic
      @Sam-em1ic 7 ปีที่แล้ว

      interesting thanks

    • @usasikh1
      @usasikh1 7 ปีที่แล้ว

      thanks Michael. additionally any suggestions of how to extend the SSR sample with firebase auth and redux?

    • @Sam-em1ic
      @Sam-em1ic 7 ปีที่แล้ว

      David mentioned next js, I think for more involved apps (redux etc) the paradigm may be cloud functions - express - next, or maybe just cloud functions - next and the express aspect can be ommitted I'm not sure.

  • @in.abhijeetbharti
    @in.abhijeetbharti 6 ปีที่แล้ว

    hello
    I am trying to connect to connect custom domain with firebase web hosting but it always shows "needs setup".
    Please help me

  • @DenisTRUFFAUT
    @DenisTRUFFAUT 7 ปีที่แล้ว

    Firebase Hosting as Cloud Functions gateway (20m50s / 22m07s) ... Great ! :D

  • @FelixRenex
    @FelixRenex 7 ปีที่แล้ว +1

    With all the new hosting Features, is it already possible to host a full node app on there?

    • @Mzulfreaky
      @Mzulfreaky 7 ปีที่แล้ว

      Felix Rene good question, somebody answer this please..

  • @rasmusu.relling5837
    @rasmusu.relling5837 7 ปีที่แล้ว

    Great video, but the code at the end using expressjs does not work on Cloud Functions (?) And I think there are typos in code also. Am I doing something wrong? I have included express in package.json. When I depoly firebase, not even the NewJS-way works; the console just returns an error on "import * ... " . What have I missed. I can use whatever NodeJS I want in Cloud Functions right? Please explain why Cloud Functions does not support the code explained/given in the video.
    thanks

  • @DanielAlvarezA
    @DanielAlvarezA 7 ปีที่แล้ว +2

    Is it possible to host Angular Universal Project in Firebase Hosting?

    • @michaelbleigh8737
      @michaelbleigh8737 7 ปีที่แล้ว +2

      Yep! Using the new Cloud Functions integration, totally doable. We're hoping the Angular team will have some tips and tricks on how to do just that soon, so stay tuned!

    • @Omniwoof
      @Omniwoof 7 ปีที่แล้ว +2

      @23:48 David East mentions you can run Angular Universal with Firebase dynamic hosting so I'd expect that you can.

  • @Ekosusiloharjo
    @Ekosusiloharjo 7 ปีที่แล้ว

    How do I download files which have been deploy

  • @example.com.
    @example.com. 7 ปีที่แล้ว +3

    Firebase database is schemaless♪♫♪♫

  • @muhammedrashid1244
    @muhammedrashid1244 3 ปีที่แล้ว

    Not that much fast