diff options
Diffstat (limited to 'content/posts/2017-04-17-what-i-ve-learned-developing-ad-server.md')
| -rw-r--r-- | content/posts/2017-04-17-what-i-ve-learned-developing-ad-server.md | 114 |
1 files changed, 89 insertions, 25 deletions
diff --git a/content/posts/2017-04-17-what-i-ve-learned-developing-ad-server.md b/content/posts/2017-04-17-what-i-ve-learned-developing-ad-server.md index 6fca4ce..1b9be06 100644 --- a/content/posts/2017-04-17-what-i-ve-learned-developing-ad-server.md +++ b/content/posts/2017-04-17-what-i-ve-learned-developing-ad-server.md | |||
| @@ -1,11 +1,14 @@ | |||
| 1 | --- | 1 | --- |
| 2 | title: What I've learned developing ad server | 2 | title: What I've learned developing ad server |
| 3 | url: what-i-ve-learned-developing-ad-server.html | 3 | url: what-i-ve-learned-developing-ad-server.html |
| 4 | date: 2017-04-17 | 4 | date: 2017-04-17T12:00:00+02:00 |
| 5 | draft: false | 5 | draft: false |
| 6 | --- | 6 | --- |
| 7 | 7 | ||
| 8 | For the past year and half I have been developing native advertising server that contextually matches ads and displays them in different template forms on variety of websites. This project grew from serving thousands of ads per day to millions. | 8 | For the past year and half I have been developing native advertising server |
| 9 | that contextually matches ads and displays them in different template forms | ||
| 10 | on variety of websites. This project grew from serving thousands of ads per | ||
| 11 | day to millions. | ||
| 9 | 12 | ||
| 10 | The system is made from couple of core components: | 13 | The system is made from couple of core components: |
| 11 | 14 | ||
| @@ -13,29 +16,56 @@ The system is made from couple of core components: | |||
| 13 | - Utils - cronjobs and queue management tools, | 16 | - Utils - cronjobs and queue management tools, |
| 14 | - Dashboard UI. | 17 | - Dashboard UI. |
| 15 | 18 | ||
| 16 | Initial release was using [MongoDB](https://www.mongodb.com/) for full-text search but was later replaced by [Elasticsearch](https://www.elastic.co/) for better CPU utilization and better search performance. This provided us with many amazing functionalities of [Elasticsearch](https://www.elastic.co/). You should check it out if you do any search related operations. | 19 | Initial release was using [MongoDB](https://www.mongodb.com/) for full-text |
| 20 | search but was later replaced by [Elasticsearch](https://www.elastic.co/) | ||
| 21 | for better CPU utilization and better search performance. This provided us | ||
| 22 | with many amazing functionalities of [Elasticsearch](https://www.elastic.co/). | ||
| 23 | You should check it out if you do any search related operations. | ||
| 17 | 24 | ||
| 18 | Because the premise of the server is to provide native ad experience, they are rendered on the client side via simple templating engine. This ensures that ads can be displayed number of different ways based on the visual style of the page. And this makes JavaScript client library quite complex. | 25 | Because the premise of the server is to provide native ad experience, they |
| 26 | are rendered on the client side via simple templating engine. This ensures | ||
| 27 | that ads can be displayed number of different ways based on the visual style | ||
| 28 | of the page. And this makes JavaScript client library quite complex. | ||
| 19 | 29 | ||
| 20 | So now that you know basic information about the product lets get into the lessons we learned. | 30 | So now that you know basic information about the product lets get into the |
| 31 | lessons we learned. | ||
| 21 | 32 | ||
| 22 | ## Aggregate everything | 33 | ## Aggregate everything |
| 23 | 34 | ||
| 24 | After beta version was released everything (impressions, clicks, etc) was written in nanosecond resolution in the database. At that time we were using [PostgreSQL](https://www.postgresql.org/) and database quickly grew way above 200GB in disk space. And that was problematic. Statistics took disturbingly long time to aggregate. Also using indexes on stats table in database was no help after we reached 500 million datapoints. | 35 | After beta version was released everything (impressions, clicks, etc) was |
| 36 | written in nanosecond resolution in the database. At that time we were using | ||
| 37 | [PostgreSQL](https://www.postgresql.org/) and database quickly grew way above | ||
| 38 | 200GB in disk space. And that was problematic. Statistics took disturbingly | ||
| 39 | long time to aggregate. Also using indexes on stats table in database was no | ||
| 40 | help after we reached 500 million datapoints. | ||
| 25 | 41 | ||
| 26 | > There is a marketing product information and there is real life experience. And the tend to be quite the opposite. | 42 | > There is a marketing product information and there is real life experience. |
| 43 | And the tend to be quite the opposite. | ||
| 27 | 44 | ||
| 28 | This was the reason that now everything is aggregated on daily basis and this data is then fed to Elastic in form of daily summary. With this we achieved we can now track many more dimensions such as zone, channel and platform information. And with this information we can now adapt occurrences of ads on specific places more precisely. | 45 | This was the reason that now everything is aggregated on daily basis and this |
| 46 | data is then fed to Elastic in form of daily summary. With this we achieved we | ||
| 47 | can now track many more dimensions such as zone, channel and platform information. | ||
| 48 | And with this information we can now adapt occurrences of ads on specific | ||
| 49 | places more precisely. | ||
| 29 | 50 | ||
| 30 | We have also adapted [Redis](https://redis.io/) as a full-time citizen in our stack. Because Redis also stores information on a local disk we have some sort of backup if server would accidentally suffer some failure. | 51 | We have also adapted [Redis](https://redis.io/) as a full-time citizen in our |
| 52 | stack. Because Redis also stores information on a local disk we have some sort | ||
| 53 | of backup if server would accidentally suffer some failure. | ||
| 31 | 54 | ||
| 32 | All the real-time statistics for ad serving and redirecting is presented as counters in Redis instance and daily extracted and pushed to Elastic. | 55 | All the real-time statistics for ad serving and redirecting is presented as |
| 56 | counters in Redis instance and daily extracted and pushed to Elastic. | ||
| 33 | 57 | ||
| 34 | ## Measure everything | 58 | ## Measure everything |
| 35 | 59 | ||
| 36 | The thing about software is that we really don't know how well it is performing under load until such load is presented. When testing locally everything is fine but when on production things tend to fall apart. | 60 | The thing about software is that we really don't know how well it is performing |
| 61 | under load until such load is presented. When testing locally everything is | ||
| 62 | fine but when on production things tend to fall apart. | ||
| 37 | 63 | ||
| 38 | As a solution for this we are measuring everything we can. Function execution time (by encapsulating functions with timers), server performance (cpu, memory, disk, etc), Nginx and [uWSGI](https://uwsgi-docs.readthedocs.io/) performance. We sacrifice a bit of performance for the sake of this information. And we store all this information for later analysis. | 64 | As a solution for this we are measuring everything we can. Function execution |
| 65 | time (by encapsulating functions with timers), server performance (cpu, memory, | ||
| 66 | disk, etc), Nginx and [uWSGI](https://uwsgi-docs.readthedocs.io/) performance. | ||
| 67 | We sacrifice a bit of performance for the sake of this information. And we | ||
| 68 | store all this information for later analysis. | ||
| 39 | 69 | ||
| 40 | **Example of function execution time** | 70 | **Example of function execution time** |
| 41 | 71 | ||
| @@ -69,17 +99,28 @@ As a solution for this we are measuring everything we can. Function execution ti | |||
| 69 | } | 99 | } |
| 70 | ``` | 100 | ``` |
| 71 | 101 | ||
| 72 | We have also started profiling with [cProfile](https://pymotw.com/2/profile/) and then visualizing with [KCachegrind](http://kcachegrind.sourceforge.net/). This provides much more detailed look into code execution. | 102 | We have also started profiling with [cProfile](https://pymotw.com/2/profile/) |
| 103 | and then visualizing with [KCachegrind](http://kcachegrind.sourceforge.net/). | ||
| 104 | This provides much more detailed look into code execution. | ||
| 73 | 105 | ||
| 74 | ## Cache control is your friend | 106 | ## Cache control is your friend |
| 75 | 107 | ||
| 76 | Because we use Javascript library for rendering ads we rely on this script extensively and when in need we need to be able to change behavior of the script quickly. | 108 | Because we use Javascript library for rendering ads we rely on this script |
| 109 | extensively and when in need we need to be able to change behavior of the | ||
| 110 | script quickly. | ||
| 77 | 111 | ||
| 78 | In our case we can not simply replace javascript url in html code. It usually takes a day or two for the guys who maintain sites to change code or add ?ver=xxx attribute. And this makes rapid deployment and testing very difficult and time consuming. There is a limitation of how much you can test locally. | 112 | In our case we can not simply replace javascript url in html code. It usually |
| 113 | takes a day or two for the guys who maintain sites to change code or add | ||
| 114 | ?ver=xxx attribute. And this makes rapid deployment and testing very difficult | ||
| 115 | and time consuming. There is a limitation of how much you can test locally. | ||
| 79 | 116 | ||
| 80 | We are now in the process of integrating [Google Tag Manager](https://www.google.com/analytics/tag-manager/) but couple of websites are developed on ASP.net platform that have some problems with tag manager. With a solution below we are certain that we are serving latest version of the script. | 117 | We are now in the process of integrating [Google Tag Manager](https://www.google.com/analytics/tag-manager/) |
| 118 | but couple of websites are developed on ASP.net platform that have some | ||
| 119 | problems with tag manager. With a solution below we are certain that we are | ||
| 120 | serving latest version of the script. | ||
| 81 | 121 | ||
| 82 | And it only takes one mistake and users have the script cached and in case of caching it for 1 year you probably know where the problem is. | 122 | And it only takes one mistake and users have the script cached and in case of |
| 123 | caching it for 1 year you probably know where the problem is. | ||
| 83 | 124 | ||
| 84 | ```nginx | 125 | ```nginx |
| 85 | # nginx ➜ /etc/nginx/sites-available/default | 126 | # nginx ➜ /etc/nginx/sites-available/default |
| @@ -102,7 +143,10 @@ location /static/ { | |||
| 102 | } | 143 | } |
| 103 | ``` | 144 | ``` |
| 104 | 145 | ||
| 105 | Also be careful when redirecting to url in your python code. We noticed that if we didn't precisely setup cache control and expire headers in response we didn't get the request on the server and therefore couldn't measure clicks. So when redirecting do as follows and there will be no problems. | 146 | Also be careful when redirecting to url in your python code. We noticed that |
| 147 | if we didn't precisely setup cache control and expire headers in response we | ||
| 148 | didn't get the request on the server and therefore couldn't measure clicks. | ||
| 149 | So when redirecting do as follows and there will be no problems. | ||
| 106 | 150 | ||
| 107 | ```python | 151 | ```python |
| 108 | # python ➜ bottlepy web micro-framework | 152 | # python ➜ bottlepy web micro-framework |
| @@ -113,22 +157,42 @@ response.set_header("Location", url) | |||
| 113 | return response | 157 | return response |
| 114 | ``` | 158 | ``` |
| 115 | 159 | ||
| 116 | > Cache control in browsers is quite aggressive and you need to be precise to avoid future problems. We learned that lesson the hard way. | 160 | > Cache control in browsers is quite aggressive and you need to be precise |
| 161 | to avoid future problems. We learned that lesson the hard way. | ||
| 117 | 162 | ||
| 118 | ## Learn NGINX | 163 | ## Learn NGINX |
| 119 | 164 | ||
| 120 | When deciding on a web server we went with Nginx as a reverse proxy for our applications. We adapted micro-service oriented architecture early in the project to ensure when we scale we can easily add additional servers to our cluster. And Nginx was crucial to perform load balancing and static content delivery. | 165 | When deciding on a web server we went with Nginx as a reverse proxy for our |
| 166 | applications. We adapted micro-service oriented architecture early in the | ||
| 167 | project to ensure when we scale we can easily add additional servers to our | ||
| 168 | cluster. And Nginx was crucial to perform load balancing and static content | ||
| 169 | delivery. | ||
| 121 | 170 | ||
| 122 | At first our config file was quite simple and later grew larger. After patching and adding new settings I sat down and learned more about the guts of Nginx. This proved to be very useful and we were able to squeeze much more out of our setup. So I advise you to take your time and read through the [documentation](https://nginx.org/en/docs/). This saved us a lot of headache. Googling for solutions only goes so far. | 171 | At first our config file was quite simple and later grew larger. After patching |
| 172 | and adding new settings I sat down and learned more about the guts of Nginx. | ||
| 173 | This proved to be very useful and we were able to squeeze much more out of our | ||
| 174 | setup. So I advise you to take your time and read through the | ||
| 175 | [documentation](https://nginx.org/en/docs/). This saved us a lot of headache. | ||
| 176 | Googling for solutions only goes so far. | ||
| 123 | 177 | ||
| 124 | ## Use Redis/Memcached | 178 | ## Use Redis/Memcached |
| 125 | 179 | ||
| 126 | As explained above we are using caching basically for everything. It is the corner stone of our services. At first we were very careful about the quantity of things we stored in [Redis](https://redis.io/). But we later found out that the memory footprint is very low even when storing large amount of data in it. | 180 | As explained above we are using caching basically for everything. It is the |
| 181 | corner stone of our services. At first we were very careful about the quantity | ||
| 182 | of things we stored in [Redis](https://redis.io/). But we later found out that | ||
| 183 | the memory footprint is very low even when storing large amount of data in it. | ||
| 127 | 184 | ||
| 128 | So we gradually increased our usage to caching whole HTML outputs of dashboard. This improved our performance in order of magnitude. And by using native TTL support this goes hand in hand with our needs. | 185 | So we gradually increased our usage to caching whole HTML outputs of dashboard. |
| 186 | This improved our performance in order of magnitude. And by using native TTL | ||
| 187 | support this goes hand in hand with our needs. | ||
| 129 | 188 | ||
| 130 | The reason why we choose [Redis](https://redis.io/) over [Memcached](https://memcached.org/) was the nature of scalability of Redis out of the box. But all this can be achieved with Memcached. | 189 | The reason why we choose [Redis](https://redis.io/) over [Memcached](https://memcached.org/) |
| 190 | was the nature of scalability of Redis out of the box. But all this can be | ||
| 191 | achieved with Memcached. | ||
| 131 | 192 | ||
| 132 | ## Conclusion | 193 | ## Conclusion |
| 133 | 194 | ||
| 134 | There are a lot more details that could have been written and every single topic in here deserves it's own post but you probably got the idea about the problems we faced. | 195 | There are a lot more details that could have been written and every single |
| 196 | topic in here deserves it's own post but you probably got the idea about | ||
| 197 | the problems we faced. | ||
| 198 | |||
