Your SlideShare is downloading. ×
0

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Json Angular Magento | Imagine 2013 Barcamp | Vinci Rufus

148

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
148
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. JSON Angular MagentoVinci Rufuswww.neevtech.com@areai51
  • 2. Web Server’s WorkloadWebserver&DatabasePull upthe PageRead theXMLQuerytheDatabaseBuild thepage onthe flyRenderthe pageServeAssets &Media
  • 3. Performance & Scaling Mantra• Reduce stress on the Web server & DB– Clones [Multiple App Servers & DB MasterSlaves]– Caching [Fullpage Caching / Memcache]– Varnish– Move the workload to the Client Side
  • 4. Empower the Browser• Browsers are Powerful butunder utilized.• Offload mundane tasks tothe Client Side.• Go Back to the Server onlywhen needed.
  • 5. De-Couple your App• Server spits out JSON• Presentation Layer Sits on the Client Side.• JavaScript parses the JSON data andpopulates the dynamic content blocks,images are pulled from S3 / Cloudfront.
  • 6. In Magento’s Context• JSON output contains Product Catalog along withnecessary attributes.• Layered Navigation, Filters, Sorting, keyword Searchdone 100% Client side on JSON data.• Product Inventory check is an AJAX request to theserver.• Add to Cart, Checkout are direct requests to theserver.• For Recently Viewed Products, use Local Storage orIndexedDB.
  • 7. Web AppBrowserScalable ArchitectureMagentoRESTWeb servicesRDSS3EC2Web App
  • 8. WebAppBrowserInsanely Scalable ArchitectureServerRDSS3EC2JSONJSONMedia / ImagesFolderWeb App
  • 9. Performance Metrics Webpagetest.org Pingdom.com YSlow
  • 10. New Possibilities• Windows 8 and Mac OS• Native Tablet Apps• Touch Screen Kiosks
  • 11. Thank Youhttp://jam.neevtech.com-Vinci Rufusvince@neevtech.com@areai51Just Another Magento

×