Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Load dynamic serverless content faster with search

Load dynamic serverless content faster with search

Even when time-to-first-byte is fast, delays in fetching dynamic content can still make your serverless app or static site feel sluggish. In this talk, we’ll look at how Algolia’s low-latency infrastructure and ability to rank results in advance can speed this up, without the user ever typing a search query.

Presented at #AlgoliaSearchParty

Aee8ace6215b362ce4524bfdfc4a718c?s=128

Josh Dzielak

August 10, 2017
Tweet

More Decks by Josh Dzielak

Other Decks in Technology

Transcript

  1. Josh Dzielak Load Dynamic Serverless Content Faster with Search Developer

    Relations Lead, Algolia 8/10/2017 #AlgoliaSearchParty @dzello github.com/dzello
  2. > No application server > Caching is easier > HTML

    can be pre-generated > Possible to serve through a CDN Static sites are fast!
  3. - Migrated from WordPress to static site - Hosted on

    Netlify - Uses APIs including Algolia, Stripe and Cloudinary Smashing Magazine - 10x faster! Beta: https://next.smashingmagazine.com/ From 800ms to 80ms time to first load
  4. Source: https://next.smashingmagazine.com/

  5. > Some content can’t be pre-built e.g. user-generated or frequently

    updated > At runtime, this content must be fetched by the browser from: - A backend - An API > If this step takes too long, the site can still feel slow But not everything is static!
  6. Source: https://blog.algolia.com/performant-web-animations/ “Developers often invest quite a bit of time

    to reduce first page loads by even a few milliseconds, but forget to consider the impact of the interactions that follow.” — Emily Hayman, Solutions Engineer, Algolia
  7. > Very low-latency search endpoints; tiny payloads Ideal response time:

    ~10ms server, ~40ms end-to-end How can Algolia help?
  8. > Global index replication; like a CDN for dynamic content

    How can Algolia help?
  9. > Custom rank records in advance; no query needed, relevant

    results can be served immediately How can Algolia help?
  10. Demo! Algolia vs. “Backend” https://algolia-content-load.glitch.me/

  11. Josh Dzielak Thank you! Developer Relations Lead, Algolia 8/10/2017 #AlgoliaSearchParty

    @dzello github.com/dzello