The document discusses website optimization techniques for Magento, particularly for the Agento website as presented at a Magento meetup in February 2017. It covers server architecture, database optimization, and frontend optimization methods including reducing requests and package sizes, caching, and using CDNs. References for tools and further reading are provided to aid in the optimization process.

1. SPEED UP AGENTO
WEBSITE
Ha Noi Magento Meetup
Feb 2017
Organized at Magestore.com HQ

2. PHANVUGIAP.COM

3. Magento Extensions
Magento Data Integration
Magento Development
Bees produce hexagons
CTO & Founder

7. Optimization
Frontend Backend

8. BACKEND

9. Source: https://goo.gl/2rJHPj

10. SINGLE SERVER
ARCHITECT
Source: https://goo.gl/kJPJBq

12. MULTIPLE SERVERS
ARCHITECTURE
Source: https://goo.gl/CrEmbB

14. DATABASE

15. Database
• Indexing (https://eng.uber.com/mysql-migration/)
• Enable Flat Catalog
• Cleaning log tables
• Separate read & write database server
• MySQL tunner

16. LOADTESTING
WITH SIEGE

18. FRONTEND

19. TestTools
• Gtmetrix.com
• Webpatetest.org
• Browser DeveloperTools

21. General approach to do frontend
optimization
• Reduce number of requests
• Reduce package size
• Cache the static contents

22. Reduce number of requests
• Images
• Sprite
• Lazy Load
• SVG Image
• Merge CSS
• Merge JS
• Be careful with external JS

25. Reduce package size
• gzip
• Minify html
• Minify css
• Minify js
• Optimize images
• Cache images

26. CDN
• Free cloudflare CDN
• AWS Cloudfront
• Build your own with opensource

28. Contact
phangiap@beehexa.com
+84-978711217

29. References
• https://goo.gl/3UCKtD
• https://goo.gl/dUiJ8H
• https://goo.gl/q7NxTc
• https://goo.gl/YUNE5C
• https://gtmetrix.com/
• https://www.webpagetest.org/
• https://www.joedog.org/siege-home/
• https://goo.gl/l71EUE
• https://goo.gl/stfb8