{"id":2469,"date":"2024-05-15T18:23:26","date_gmt":"2024-05-15T16:23:26","guid":{"rendered":"https:\/\/nubisoft.io\/blog\/?p=2469"},"modified":"2024-06-10T16:46:50","modified_gmt":"2024-06-10T14:46:50","slug":"10x-faster-serp-after-moving-from-synchronous-to-reactive-approach","status":"publish","type":"post","link":"https:\/\/nubisoft.io\/blog\/10x-faster-serp-after-moving-from-synchronous-to-reactive-approach\/","title":{"rendered":"10x Faster SERP after moving to reactive approach"},"content":{"rendered":"
\n
\n
\n
\n

Introduction<\/h2>\n

Maintaining and developing an advanced IT system is a process filled with challenges. A key one is ensuring consistently high-quality services that keep pace with the dynamically changing needs of our system and customers. Goals and priorities set at the beginning evolve as our clients’ businesses develop, continually stimulating the growth of our system’s functionality and the modernization of existing solutions.<\/p> <\/div>\n \n \n <\/div>\n <\/div>\n<\/div>\n\n

\n
\n
\n
\n

Initial priorities<\/h2>\n

Campstar is a platform that enables the reservation of campers from a variety of providers – you can read about it more in a dedicated Case Study<\/a>. From a technical point of view it means integration with numerous external APIs.<\/p>\n

\n

The start of our collaboration was defined by two key challenges: integration with the leading European suppliers and a rapid market entry.<\/p>\n<\/blockquote>\n

These business priorities inspired us to create a thoughtful domain model and an advanced search engine, designed with future modifications in mind. In the initial implementation, we used a synchronous mechanism for retrieving data from suppliers via dedicated APIs.<\/p>\n

This approach, although relatively simple to implement, provided an adequate level of efficiency due to its low complexity and the limited number of suppliers at the initial stage, resulting in acceptable waiting times for search results.<\/p>\n

Simplify base model for APIConnector:<\/p> <\/div>\n \n \n <\/div>\n <\/div>\n<\/div>\n\n\n

interface ApiConnector {\n \n   fun fetchAvailabilities(\n       city: City,\n       dropOffCity: City?,\n       startDateTime: ZonedDateTime,\n       endDateTime: ZonedDateTime,\n       searchAreaRadius: Float?\n   ): Collection<OfferDraft>\n}\n<\/code><\/pre>\n\n\n
\n  
\n    
\n              
\n          
The simplified search model involved synchronously calling each API through the ApiConnector, then returning a collection containing the complete initial results.<\/p>\n
\n
Further processing of the results is a topic for another analysis, but we will focus now on the mechanism of their retrieval.<\/p>\n<\/blockquote>\n
Simplify ApiConnectorRegistry and fetchAvailabilities:<\/p>        <\/div>\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n\n\n
@Component\nclass ApiConnectorRegistry(\n   @Autowired val connectors: Collection<ApiConnector>\n ) {\n\n\nfun fetchAvailabilities(\n   city: City,\n   dropOffCity: City?,\n   startDateTime: ZonedDateTime,\n   endDateTime: ZonedDateTime,\n   supplierBrand: SupplierBrand?,\n   searchAreaRadius: Float?\n): Collection<OfferDraft> {\nval results =  connectors\n       .flatMap { connector ->\n               connector.fetchAvailabilities(city, dropOffCity, startDateTime, endDateTime, searchAreaRadius)\n           }\n   return results\n}\n<\/code><\/pre>\n\n\n
\n  
\n    
\n              
\n          
Growing business<\/h2>\n
Although this model is intuitive and easy to implement, it generates significant delays. The total data retrieval time is the sum of the times to retrieve from each API.<\/p>        <\/div>\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n\n\n
\"An<\/figure>\n\n\n
\n  
\n    
\n              
\n          
Growing business requirements led us to expand the existing infrastructure and implement new suppliers, which translated into longer waiting times for results.<\/p>\n
In response, we conducted an optimization of the search engine, aiming to shorten the loading time. This goal was achieved by asynchronously invoking selected APIs, without needing to modify the code of individual ApiConnector interface implementations.<\/p>\n
\n
The key change was the adaptation of the fetchAvailabilities method, which began using the asynchronous CompletableFuture mechanism.<\/p>\n<\/blockquote>        <\/div>\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n\n\n
fun fetchAvailabilities(\n   city: City,\n   dropOffCity: City?,\n   startDateTime: ZonedDateTime,\n   endDateTime: ZonedDateTime,\n   supplierBrand: SupplierBrand?,\n   searchAreaRadius: Float?\n): Collection<OfferDraft> {\nval futures = connectors\n   .map { connector ->\n       CompletableFuture.supplyAsync {\n           connector.fetchAvailabilities(city, dropOffCity, startDateTime, endDateTime, searchAreaRadius)                    \n   }.toTypedArray()\nCompletableFuture.allOf(*futures).join()\nreturn futures.flatMap { it.get() }\n}\n<\/code><\/pre>\n\n\n
\n  
\n    
\n              
\n          
Thanks to this solution, asynchronous invocation of the requested APIs allowed for returning results in the time equal to the response from the slowest supplier, without requiring a complicated system refactor.<\/p>\n
\n
This facilitated a smooth implementation and deployment of improvements.<\/p>\n<\/blockquote>        <\/div>\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n\n\n
\"The<\/figure>\n\n\n
\n  
\n    
\n              
\n          
Can we do better?<\/h2>\n
However, the main drawback of this solution was still having to wait for the response from the slowest supplier. The system’s evolution also resulted in an increase in the number of operations needed to transform the initial offer into the final one (e.g., generating insurance according to specified criteria).<\/p>\n
The increasing number of APIs from which data was retrieved motivated us to propose an even faster solution<\/strong> to the customer, which speeds up the generation of SERP pages and makes the processing of offers independent of the slowest supplier.<\/p>\n
Modified ApiConnector interface:<\/p>        <\/div>\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n\n\n
interface ApiConnector {\n \n   fun fetchAvailabilities(\n       city: City,\n       dropOffCity: City?,\n       startDateTime: ZonedDateTime,\n       endDateTime: ZonedDateTime,\n       searchAreaRadius: Float?\n   ): ParallelFlux <OfferDraft>\n}\n<\/code><\/pre>\n\n\n
\n  
\n    
\n              
\n          
Our solution was the refactor of both the search engine and the individual implementations of the ApiConnector<\/em> interface using reactive programming and the Reactor.io<\/em> library.<\/p>\n
After the refactor, instead of a traditional collection of results, each implementation of the ApiConnector <\/em>interface now returns a ParallelFlux<\/em>. The fetchAvailabilities<\/em> method in the ApiConnectorRegistry<\/em> class has been modified by replacing asynchronous processing with the use of reactive streams from the reactor library.<\/p>        <\/div>\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n\n\n
fun fetchAvailabilities(\n   city: City,\n   dropOffCity: City?,\n   startDateTime: ZonedDateTime,\n   endDateTime: ZonedDateTime,\n   supplierBrand: SupplierBrand?,\n   searchAreaRadius: Float?,\n): ParallelFlux<OfferDraft> {\n   return Flux.fromIterable(connectors)\n       .parallel()\n       .runOn(Schedulers.boundedElastic())\n       .flatMap { connector ->\n           connector.fetchAvailabilities(\n               city,\n               dropOffCity,\n               startDateTime,\n               endDateTime,\n               searchAreaRadius\n           )\n       }\n}<\/code><\/pre>\n\n\n\n
\"The<\/figure>\n\n\n
\n  
\n    
\n              
\n          
The ApiConnectorRegistry<\/em> component is now responsible for parallel retrieval of information from various suppliers. Retrieved data in the form of OfferDrafts<\/em> are forwarded for further processing until the final offer is obtained, which is returned to the end customer as one of the search results.<\/p>\n
\n
Thanks to the new approach, the first results are visible to the customer in less than a second.<\/p>\n<\/blockquote>        <\/div>\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n\n\n
\"The<\/figure>\n\n\n
\n  
\n    
\n              
\n          
Summary<\/h2>\n
The evolution of our search engine is certainly not complete and will continue to be adapted to the growing needs of our customers. Throughout this process, which allowed us to accelerate data retrieval and processing by 10x, one of the priorities was the continuity of the system’s operation.<\/p>        <\/div>\n      \n      \n    <\/div>\n  <\/div>\n<\/div>\n\n
\n\n\n
\n                                
People who read this article also read:<\/h3>                     \n\n        
\n\n                            
\n                                        \n\n\n                                                    \"The                                            <\/a>\n\n                    
\n                                                    
\n                                Case study<\/a> E-commerce<\/a>                            <\/div>\n                        \n                        1 min read<\/span>                    <\/div>\n\n\n                    
\n                        
Campstar: The Travel Startup Powered by NubiSoft<\/a><\/h2>\n                        Read more<\/a>\n                    <\/div>\n                <\/div>\n                            
\n                                        \n\n\n                                                    \"\"                                            <\/a>\n\n                    
\n                                                    
\n                                E-commerce<\/a>                            <\/div>\n                        \n                        3 min read<\/span>                    <\/div>\n\n\n                    
\n                        
4 Ways to Stand Out in the E-commerce Market<\/a><\/h2>\n                        Read more<\/a>\n                    <\/div>\n                <\/div>\n                            
\n                                        \n\n\n                                                    \"\"                                            <\/a>\n\n                    
\n                                                    
\n                                Software Development<\/a>                            <\/div>\n                        \n                        13 min read<\/span>                    <\/div>\n\n\n                    
\n                        
The Top 3 End-to-End Testing Tools<\/a><\/h2>\n                        Read more<\/a>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"
Finding the ideal RV rental just got quicker. Learn how we turned Campstar’s search into a seamless experience thanks to a reactive approach. <\/p>\n","protected":false},"author":17,"featured_media":2523,"comment_status":"open","ping_status":"open","sticky":false,"template":"post-2024.php","format":"standard","meta":{"_case_study_excerpt":"","footnotes":""},"categories":[80,3],"tags":[517,32,514,46,39],"class_list":["post-2469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-study","category-software-development","tag-api-en","tag-aws","tag-kotlin","tag-kubernetes","tag-reactive"],"_links":{"self":[{"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/posts\/2469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/comments?post=2469"}],"version-history":[{"count":13,"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/posts\/2469\/revisions"}],"predecessor-version":[{"id":2753,"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/posts\/2469\/revisions\/2753"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/media\/2523"}],"wp:attachment":[{"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/media?parent=2469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/categories?post=2469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nubisoft.io\/blog\/wp-json\/wp\/v2\/tags?post=2469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}