Mobile site certification study jam matrial

1. Get Mobile Sites Certified
Study Jams

2. Proprietary + Confidential
Eslam SaeedCEO at HYPEREM | UI Developer
You can find me at
/in/eslamsa3ed/
/eslam.0.saeed
eslamsa3ed50@gmail.com
● Freelancer since 2015
● GDG CO-Organizer

3. Mobile Sites Certification
✓ A professional accreditation that Google offers
✓ Aimed at demonstrating an understanding in basic and
advanced aspects of mobile website design and development
✓ You need basic web development skills to take part
✓ Takes about 3-4 hours + 90 minute exam
✓ 65 multiple choice questions
✓ You need to get a score of 80% or higher to pass

4. Proprietary + Confidential
Mobile sites and
why they matter ?

5. Mobile Sites ?
Accessed through the mobile
device’s web browser
Don’t need to be downloaded

6. Why does mobile matter?
Over 50% of site visits are on mobile (and in some countries it’s over 80%)
There are too many poorly designed mobile experiences which make the
web far less usable
We want to see a better mobile web for site owners so they can improve
acquisition, retention and engagement

7. Why do users engage with mobile sites?
Easy to discovered Lightweight Intuitive

8. What are the benefits of Mobile Sites for
businesses?
✓ Build once, run everywhere
✓ Adaptability
✓ Shorter development timelines
✓ Lower development costs
✓ The web is open for all
✓ Tracking is simpler

9. User expectations ?
https://goo.gl/3xO0DV

10. User’s Habits
of mobile users expect mobile websites
to load within 3 seconds
of people will abandon a mobile website if it
takes any longer than 5 seconds to load.
60% 75%

11. Performance Effect
That’s why mSites performance is
becoming such a hot topic these days
(e.g., Accelerated Mobile
Pages, Progressive Web Apps).

12. Web Developers VS “obesity” crisis
1-feb-2011 1-feb-2018
http://mobile.httparchive.org

13. Impact on conversions and interaction
Slow is always bad, especially in mobile. It
hurts performance, in terms of site
abandonment.
It also slows the Google crawler, which hurts
crawl efficiency and leads to fewer pages
being indexed.

14. Correlation between speed and conversion rate
SOASTA Case study

15. Why UX matters ?
✓ Cost-effectiveness
✓ Lowering customer acquisition costs
✓ More money to spend on additional acquisition
✓ Small changes make big impact
simply changing the color or the wording on a button (call-to-action)
can increase conversion rate by as much as 200%.

16. Proprietary + Confidential
Improving mobile
site speed

17. https://goo.gl/ZcC7ze
✓ Chrome +57
Tools to get started

18. Sync VS async

19. Targets to focus on
● Useable Time: Customers want to see visible content as soon as possible (don’t flash after long time)
○ make sure that the site is usable in 3 seconds
○ Webpage test generates the speed index - the time to visual complete above the fold. Our goal is
to ensure that the score is below 3000.
● Total Requests: The total number of resource requests necessary to build the page should be in the
range of 80 to 100
● Page Weight: All the resources that are necessary to build out a page should not be larger than 1 MB

20. Critical rendering path

21. Proprietary + Confidential
Mobile sites
Technologies (AMP – PWA)

22. https://www.ampproject.org/learn/overview/

23. Reliable
Fast
Engaging
Load instantly and never
show the downasaur
Respond quickly to user interactions
with silky smooth animations
Feel like a natural app
on the device