Instant browsing for static sites with Algolia

The "R" in Google's RAIL web performance model is "Response". A response to a user's action must take place in less than 100ms for the experience to feel immediate and natural. When content must be fetched from a traditional backend or API in response to a user's interaction, it can be very difficult to meet that requirement. Algolia can help. Designed to power low-latency search-as-you-type experiences, Algolia responds to content fetching requests as "fast as ping". Learn how Algolia works and see how you can speed up your static sites. Demo included.

Transcript

1. Josh Dzielak
   Instant browsing for
   static sites with Algolia
   Developer Relations Lead, Algolia
   12/05/2017
   Serverless London Meetup
   @dzello
   github.com/dzello
   

   View Slide

2. Building search, the Algolia way
   @dzello · @algolia · @ServerlessLDN
   

   View Slide

3. The multiple faces of search
   Instant search Autocomplete
   Faceting
   Full text search
   @dzello · @algolia · @ServerlessLDN
   

   View Slide

4. “...search without a search bar?!”
   

   View Slide

5. Search doesn’t always need keywords
   > Browsing
   > Discovery
   > Navigation
   @dzello · @algolia · @ServerlessLDN
   

   View Slide

6. EXAMPLE
   

   View Slide

7. Speed is crucial to browsing and
   navigation experiences that users enjoy
   @dzello · @algolia · @ServerlessLDN
   

   View Slide

8. Avoid the LSOD
   

   View Slide

9. 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
   @dzello · @algolia · @ServerlessLDN
   

   View Slide

10. Source: https://developers.google.com/web/fundamentals/performance/rail
    “The majority of time users spend in your site isn't waiting
    for it to load, but waiting for it to respond while using it.”
    — Google’s RAIL web performance model
    Especially true for static sites!
    @dzello · @algolia · @ServerlessLDN
    

    View Slide

11. GOOGLE RAIL MODEL
    

    View Slide

12. View Slide

13. Algolia = fast like ping
    @dzello
    @algolia
    Data for millions of searches on a large dataset
    designed for low-latency search-as-you-type experiences
    

    View Slide

14. C++, NGINX & bare metal
    @dzello
    @algolia
    Searches start and end inside of an NGINX module
    

    View Slide

15. Reduce network latency (like CDN)
    @dzello · @algolia · @ServerlessLDN
    

    View Slide

16. ⚡ Demo ⚡
    Algolia vs. “Backend”
    https://algolia-vs-backend.glitch.me/
    

    View Slide

17. Bonus: FaaS indexing w/ cloud functions
    @dzello · @algolia · @ServerlessLDN
    

    View Slide

18. Josh Dzielak
    Thank you!
    Developer Relations Lead, Algolia
    12/05/2017
    @dzello
    github.com/dzello
    Serverless London Meetup
    

    View Slide