Caching in Magento 2, especially the Full Page Cache (FPC) is a complex system. This talk gives an introduction into how to add private, visitor specific content to pages served from the full page cache. The presentation was given on 2. February 2019 at Meet-Magento India in Ahmedabad.

2. VINAI KOPP

3. MAGENTO 2
FULL PAGE CACHE!

4. CACHING

5. SOUNDS EASY
BUT HARD TO GET RIGHT...

6. WHY IS IT HARD?

7. MULTIPLE FACTORS CAUSE
COMPLEXITY

8. CACHE LIFETIME
(TTL)

9. PUBLIC CONTENT(EXAMPLE TTL 86400)
SHARED CONTENT(EXAMPLE TTL 500)

10. SHARED CONTENT
VARNISH: ESI
BUILT IN:

11. Public:
<block name="mm19in-agenda"
template="MeetMagento_Agenda::agenda.phtml"/>
Shared:
<block name="mm19in-news"
template="MeetMagento_Agenda::news.phtml"
ttl="500"/>

12. !
DO NOT OVERUSE
SHARED CONTENT
(c) Vinai Kopp - http://vinaikopp.com - twitter://@VinaiKopp - Meet Magento IN on 2019-02-01

13. PUBLIC CONTENT
VS.
PRIVATE CONTENT

14. MOST PAGES
ARE MIXED:
PUBLIC + SHARED + PRIVATE
CACHE HITS + MISSES

15. LESSON
LEARNED:

16. THE FEWERPRIVATE AND DYNAMIC CONTENT,
THE BETTER

17. Ready for some details?

18. ADDING
PRIVATE CONTENT
TO A PAGE IN
MAGENTO 2
(A.K.A HOLEPUNCHING)

19. $.ajax()
(DIY)

20. $_isScopePrivate

21. customer-data.js
!

22. PRIVATE CONTENT SECTIONS
!

23. window.localStorage
APPLICATION LEVEL CACHING INCLUDED

24. window.localStorage
Route Based Eviction Strategy

25. DEMO TIME

26. STEP BY STEP

27. 1. Create
SectionSourceInterface
implementation

28. 2. In etc/frontend/di.xml:
add section to
SectionPool
argument
sectionSourceMap

29. 3. In etc/frontend/sections.xml:
list actions to cause section refresh

30. 4. Use
Magento_Customer/js/customer-data
method get()
to retrieve ko observable with data

31. !
Source:
https://github.com/Vinai/VinaiKopp-FavoriteProducts-Example/

33. CACHE-CLEAN.JS
FILEWATCHER
https://github.com/mage2tv/magento-cache-clean
composer global require
mage2tv/magento-cache-clean

34. Note to self: mention stickers!

35. Thanks for your valuable time!
Questions?
!
Source: https://github.com/Vinai/VinaiKopp-FavoriteProducts-Example/