Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Is Magento 2.0 really mobile ready?

No description
by

Ray Bogman

on 14 January 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Is Magento 2.0 really mobile ready?

LIKE ME

Is Magento 2.0 really mobile ready?


Why do we focus on mobile?
Prognose
Is Magento 2 mobile ready?
What are the main focus points
PREZIBASE
/
Download this template from:
http://prezibase.com
add your own icons and tell
people why they should like your page
Be the first...
or second
to receive new templates
by Ray Bogman
Magento 2.0
Lets first install Magento 2 Dev - Beta1
Usability
Performance
Optimization To Go
Creative Contributions by:
Ray Bogman
- Magento/Joomla/OroCRM evangelist
- Trainer
- Performance nerd
- Security geek
- SEO freak
@raybogman
@supportdesknu
https://www.linkedin.com/in/raybogman
www.supportdesk.nu
Is Magento 2.0 really mobile ready?
Usability
Security
Performance
ray:www raybogman$ git clone https://github.com/magento/magento2.git
Cloning into 'magento2'...
remote: Counting objects: 1875532, done.
remote: Compressing objects: 100% (662822/662822), done.
Receiving objects: 100% (1875532/1875532), 436.26 MiB | 397.00 KiB/s, done.
remote: Total 1875532 (delta 1086806), reused 1680177 (delta 972931)
Resolving deltas: 100% (1086806/1086806), done.
Checking connectivity... done.
Checking out files: 100% (19022/19022), done.
Home
Catalog/Product page
Positive Improvents

Back Home link
Contact,Checkout phone - number element [<input type="number" /> <input type="tel" />]
Advanced Search [price input] - number elements
Catalog filters, Pagination are to small to tab (small screens - FireFox OS, Ipod Touch, Andriod)
Hidden menu not always working on FireFox OS [Alcaltel]
Account menu not always working on FireFox OS [Alcaltel]
Selecting product on FireFox OS not working [Alcaltel]
No easy back form Hidden menu to page
Edit/delete small to tab in Shopping cart [dropdown popup]
Zoom pitch Product detail page not user friendly
Test Devices: Ipod touch 3/4, FireFox OS (Alcatel [1.0.1.0], ZTE [1.1.0B01), Samsung Andriod 4.1.2, Motorola G, 4.4.4, Iphone 3G, 4, 5C, 5S, Blackberry Z10
optimized html [small, lighweight, minified]
optimized css (split css in critical css [rendering path] and load the rest later
optmized js (only show js per page which is needed)
Mobile backend (responsive, compact view for order controle)
Never use JS before CSS (CCSOM always before DOM)
Webfont optimization (only server what's needed, store in LocalStorage
Don't server every font-type [Woff/Woff2 cover already more 90% of all devices
use <picture> element (only sever the needed IMG sizes per size
only show releated/cross/up sell when it's possible (don't use [display:none])
show fix menu on bottom or footer (easy user control) [jquery-mobile]
don't serve unused CSS & JS
Hidden SPOF (external JS)
lazy loading
use SVG when possible (like logo, background)
most import stuff in the first 14kb (critical redering path)
Home
Catalog
Product page
Home - 4G - no cache
Home - 3G - cached
Home - wifi - austria
Home - 3G - austria
Full transcript