When dynamic becomes static: the next step in web caching techniques
1 like4,629 views
Although tools like Varnish can improve performance and scalability for static sites, when user-specific content is needed, a hit to the PHP/Ruby/Python/.Net backend is still required, causing scalability issues. We'll look at a brand-new Nginx module which implements an ultra-fast and scalable solution to this problem, changing the way developers think about designing sites with user-specific content.
Ad
More Related Content
What's hot (20)
Similar to When dynamic becomes static: the next step in web caching techniques (20)
Ad
More from Wim Godden (20)
Ad
Recently uploaded (20)
When dynamic becomes static: the next step in web caching techniques
- 1. When dynamic becomes static – the next step in web caching techniques Wim Godden Cu.be Solutions
- 2. Disclaimer The next step as in : what you will be doing in the future Not as in : go home and run it ;-)
- 3. Who am I ? Wim Godden (@wimgtr) Founder of Cu.be Solutions (http://cu.be) Open source developer since 1997 Developer of OpenX, PHPCompatibility, ... Speaker at PHP and Open Source conferences
- 4. Who are you ? Developers ? System/network engineers ? Managers ?
- 5. To understand the present Understand the past
- 6. The Stone Age New blog post by : caveman003
- 7. Pre-PHP : draw it and make html
- 9. Old-school PHP : 'rebuild-every-time'
- 11. PHP : let's cache
- 12. Extra ! Extra !
- 13. PHP : dynamic content in static content
- 14. The Modern Era
- 15. PHP : multiple webservers
- 16. PHP : push updates to cache
- 17. Today
- 18. Adding reverse proxy caching
- 19. Website X with ESI Header Latest news Article content page Navigation Page content
- 20. Website X with ESI Header (TTL = 2h) Latest news Article content page Navigation (TTL = 1h) Page content
- 21. Website X with ESI Header (TTL = 2h) Latest news (TTL = 2m) Article content page Navigation (TTL = 1h) Page content (TTL = 30m)
- 22. Going to /page/id/732 <esi:include src="/header"/> <esi:include src="/nav"/> <esi:include src="/latest-news"/> <esi:include src="/article/id/732"/>
- 23. Varnish - ESI Perfect for caching pages <esi:include src="/top"/> <esi:include src="/news"/> Article content page <esi:include src="/nav"/> <esi:include src="/article/732"/> In your Varnish config : sub vcl_fetch { if (req.url == "/news") { esi; /* Do ESI processing */ set obj.ttl = 2m; } elseif (req.url == "/nav") { esi; set obj.ttl = 1m; } elseif …. …. }
- 24. A simple benchmark – 2KByte JPEG Apache 2.2 4210 IIS 7.5 3960 Varnish 3.0 11400
- 25. A dynamically generated, but static page Apache 2.2 + PHP (3 DB queries) 18 IIS 7.5 + .Net (3 DB queries) 16 Varnish 3.0 11400
- 26. Varnish - what can/can't be cached ? Can : Static pages Images, js, css Static parts of pages that don't change often (ESI) Can't : POST requests Very large files (it's not a file server !) Requests with Set-Cookie User-specific content
- 27. ESI → no caching on user-specific content ? Logged in as : Wim Godden TTL = 0s ? TTL=1h 5 messages TTL = 5min
- 28. Nginx Web server Reverse proxy Lightweight, fast 12.81% of all Websites
- 29. Nginx No threads, event-driven Uses epoll / kqueue Low memory footprint 10000 active connections = normal
- 30. ESI on Nginx Logged in as : Wim Godden 5 messages Menu NEWS
- 31. ESI SCL on Nginx <scl:include key="top" src="/top" session="true" ttl="1h" /> <scl:include key="menu" src="/menu" ttl="1h" /> <scl:include key="news" src="/news" ttl="5m" />
- 32. Requesting /page (1st time) Nginx 1 Shared memory /page 4 /page 3 2
- 33. Requesting /page ESI subrequests (1st time) Nginx 1 2 3 /menu /news /top (in ESI session)
- 34. Requesting /page (next time) Nginx Shared memory 1 /page 2 /page /menu /news /top (in ESI session)
- 35. New message is sent... POST /send o i nt rt e ins ... se t (.. .) DB top (in ESI session)
- 36. Advantages No repeated GET hits to webserver anymore ! At login : POST → warm up the cache ! No repeated hits for user-specific content Not even for non-specific content
- 37. News added addnews() method o i nt rt e ins ... se t (.. .) DB Memcache key /news
- 38. Advantages No repeated GET hits to webserver anymore ! At login : POST → warm up the cache ! No repeated hits for user-specific content Not even for non-specific content No TTLs for non-specific content
- 39. How many Memcache requests ? Logged in as : Wim Godden <scl:include key="top" src="/top" session="true" ttl="1h" /> 5 messages <scl:include key="menu" src="/menu" ttl="1h" /> <scl:include key="news" src="/news" ttl="5m" />
- 40. First release : ESI Part of the ESI 1.0 spec Only relevant features implemented Extension for dynamic session support But : unavailable for copyright reasons
- 41. Rebuilt from scratch : SCL Session-specific Caching Language Language details : Control structures : if/else, switch/case, foreach Variable handling Strings : concatenation, substring, ...
- 42. SCL code samples You are logged in as : <scl:session_var("person_name") /> You are logged in as : <@s("person_name") />
- 43. SCL code samples <scl:switch var="session_var('isAdmin')"> <scl:case value="1"> <scl:include key="admin-buttons" src="/admin-buttons.php" /> </scl:case> <scl:default> <div id="just-a-user"> <scl:include key="user-buttons" src="/user-buttons.php" /> </div> </scl:default> </scl:switch>
- 44. SCL code samples <scl:foreach item="messageId" src="global_var('thread' + query_var('threadId'))"> <scl:include key="'thread-message_' + messageId" src="'/thread/message.php?id=' + messageId" /> </scl:foreach>
- 45. ESI code samples <esi:foreach items="message" collection="$(ESIGLOBAL{'thread_' + $(QUERY_STRING{'threadId'})})"> <esi:include key="'thread-message' + $message" src="'/thread/message.php?id=' + $message" /> </esi:foreach>
- 46. Why Nginx ? Native Memcached support Excellent and superfast subrequest system Including parallel subrequests Handles thousands of connections per worker With minimal memory footprint Integrates with php-fpm Additional features (chroot, slow request log, offline processing, ...) Graceful rolling upgrades
- 47. What's the result ?
- 48. Figures 2nd customer : No. of web servers : 72 → 8 No. of db servers : 15 → 4 Total : 87 → 12 (86% reduction !) Last customer : No. of total servers : +/- 1350 Expected reduction : 1350 → 300 Expected savings : €1.6 Million per year
- 49. Why is it so much faster ?
- 50. A real example : vBulletin
- 51. A real example : vBulletin isAdmin session variable Thread isModerator session variable
- 52. A real example : vBulletin 35 30 25 20 Standard install With Memcached Nginx + SCL + memcached 15 10 5 0 DB Server Load Web Server Load Max Requests/sec (1 = 282)
- 53. Availability Good news : It will become Open Source It's solid : ESI version stable at 4 customers Bad news : First customer holds copyrights Total rebuild → Open Source release No current projects, so spare time Beta : Dec-Jan Final : Q1-Q2 (on Github !)
- 54. So...
- 55. Questions ?
- 56. Questions ?
- 57. Contact Twitter Web Slides E-mail @wimgtr http://techblog.wimgodden.be http://www.slideshare.net/wimg [email protected] Please rate my talk : http://joind.in/9568
- 58. Thanks ! Please rate my talk : http://joind.in/9568
Editor's Notes
- #2: {}