Json Angular Magento | Imagine 2013 Barcamp | Vinci Rufus
 

Like this? Share it with your network

Share

Json Angular Magento | Imagine 2013 Barcamp | Vinci Rufus

on

  • 222 views

 

Statistics

Views

Total Views
222
Views on SlideShare
207
Embed Views
15

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 15

http://www.magentosite.com 15

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Json Angular Magento | Imagine 2013 Barcamp | Vinci Rufus Presentation 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