SlideShare a Scribd company logo
1 of 21
Download to read offline
8 MOBILE
TERMS
YOU NEED TO
KNOW FOR
2015
1 MOBILE
SPECIFIC
MOBILE SPECIFIC
[mōbəl spəˈsifik]
Mobile users have fundamentally different needs than do
desktop users. ‘Mobile Specific’ is the subset of robust
functionality created to address the user context and reliance
now imposed upon the mobile device.
Examples: geolocation for store locator, barcode scanning
for product search, mobile-optimized checkout flow, photo
uploading and mobile payments.
2 iBEACONS
iBeacons
[i-bēkəns]
iBeacons are a Bluetooth-based extension of Location
Services that allow user proximity to be determined and
notifications to be sent. The beacon technology is built into
Apple devices running the iOS7 operating system.
Example: Notifications at airports about delays or contactless
(POS) checkout at retail stores.
THE STATS
Use of iBeacons by marketers
is expected to double in 2015.
18%  36%
36%
28%
18%
17%
Reference: Adobe Digital Index 2014
Use of iBeacons by marketers
3 DEEP LINKING
Deep Linking
[dēp liNGkiNG]
Deep linking allows developers to link to specific views or
pages within an app. And these links can come from either
another app or from the mobile web.
Links from within the mobile web have significant implications
for SEO.
Examples: connecting with search results or ads
LINKING TO SEO
Before:
Prior to the launch of Google’s
App Indexing feature, mobile
search results only displayed the
general link to an app but not to
specific content within the app.
Now:
If you search “Mountain View
home listings” for example, you’ll
see the direct link for those
listings within the Trulia app.
SEO:
Deeplinking allows Google’s
search engine to surface apps’
most relevant content.
UNBUNDLING
Deep linking also allows for the “unbundling” of apps.
Via deep links, popular apps such as Facebook are able to take a popular
feature such as messaging and create a separate app around that feature
while allowing users to navigate seamlessly between the two apps.
4 TTFB
Time To First Byte
[tīm tü fərst bīt]
Time to First Byte (TTFB) is a measurement that captures
how long it takes after the client sends an HTTP request to
the first byte of the page being received by the browser.
Comprised of 3 components: time it takes to send a request to
the web server; amount of time the web server then takes to
process the request and generate a response; time to send
the first byte of that response back to the browser.
LEADERS ARE
FAST
Correlative evidence
between decreasing
search rank and
increasing time to first
byte
Reference: Moz Speed Research
THE COMPONENTS
1. The time it takes for your request to propagate; network 
web server
2. The time it takes for the web server to process the request
 generate the response
3. The time it takes for the response to propagate back;
network  browser
Reference: Moz Speed Research
You want sum of times:
1 + 2 + 3 = 300 – 500ms
WATERFALL
5 TTI
Time to Interact
[tīm tü fərst in-tər-ˈakt]
Time to Interact (TTI) is key for the perceived page load time
and thus your site’s ability to provide a good user experience.
As opposed to the Time to First Byte, which is when the user
first perceives the mobile experience to start loading on their
device, the Time to Interact marks the time when the user can
begin to interact with elements of the page, for example
search fields.
BEST PRACTICES
• Loading the above-the-fold content first
• Loading the interactive elements of the page as quickly as
possible
• Compressing images and minifying code so the page loads
faster
• Leveraging Content Delivery Networks as we mentioned in Time
to First Byte
• Deferring the loading of third party scripts related to things like
analytics or social sharing
6 BLOCKING JS
Blocking JavaScript
[bläkiNG jävəskript]
Blocking JavaScript is JavaScript that interferes with the
loading of above-the-fold content of your page, making it
slower to load. Pages with blocking JavaScripts are penalized
in Google search results because it adversely affects a page’s
performance.
Example: jQuery plugins, image carousels, libraries
SITE
PERFORMANCE
Go check for yourself!https://developers.google.com/speed/pagespeed/insights/
7 USER CENTRIC
User Centric
[yo͞ ozər sentrik]
When people talk about optimizing for mobile, they frequently
think only of optimizing the UI. In the case of Responsive Web
Design (RWD) for example, you are optimizing the UI via
CSS. But the UX is the same across different devices
because you’re delivering the same HTML code, and
therefore same layout, to each device.
BUILDING BLOCKS
Historical Desktop Approach Moovweb Approach
17% MARKET DELIVERING
OPTIMIZED EXPERIENCES
36%
47%
17%
None
Optimized UI
Optimized Experience
Top 100k Websites by Traffic
8 APS & APIS
Synthetic APIs
[sinˈThedik a-p-i]
Developing an API for a fully native enterprise app can be
more costly than producing the app itself. One technique that
Moovweb customers can use to avoid the significant
expenditure of time and money to build out an API
infrastructure is to use a synthetic API. It works by converting
the desktop HTML into JSON or XML that creates a feed or
synthetic API that can be fed into the native UI interface of an
app.
HEAVY ON HYBRID
Even Apple is Hybrid. Check out the AppStore (iOS)!
8
MOBILE
TERMS
YOU NEED
TO KNOW
Mobile Specific
iBeacons
Deep Linking
Time to First Byte
Time to Interact
Blocking JavaScript
User Centric
Synthetic APIs

More Related Content

What's hot

The mobile context is dead. Long live mobile contexts!
The mobile context is dead. Long live mobile contexts!The mobile context is dead. Long live mobile contexts!
The mobile context is dead. Long live mobile contexts!huafi
 
How much does it cost to develop an app? - The million dollar question
How much does it cost to develop an app? - The million dollar questionHow much does it cost to develop an app? - The million dollar question
How much does it cost to develop an app? - The million dollar questionNew Generation Applications
 
information at the point of use
information at the point of useinformation at the point of use
information at the point of usechris tonjes
 
Jason.O Keefe.Genuitec.Presentation.Final
Jason.O Keefe.Genuitec.Presentation.FinalJason.O Keefe.Genuitec.Presentation.Final
Jason.O Keefe.Genuitec.Presentation.FinalAjax Experience 2009
 
Google Search Algorithm Update - May 2021
Google Search Algorithm Update - May 2021Google Search Algorithm Update - May 2021
Google Search Algorithm Update - May 2021Digital Clarity
 
General Overview 100901
General Overview  100901General Overview  100901
General Overview 100901tjbates1
 
Why Hybrid Mobile Applications is Best for Your Business, Engineer Master Sol...
Why Hybrid Mobile Applications is Best for Your Business, Engineer Master Sol...Why Hybrid Mobile Applications is Best for Your Business, Engineer Master Sol...
Why Hybrid Mobile Applications is Best for Your Business, Engineer Master Sol...engineermaste solution
 
Hybrid vs Native Mobile App. Decide in 5 minutes!
Hybrid vs Native Mobile App. Decide in 5 minutes!Hybrid vs Native Mobile App. Decide in 5 minutes!
Hybrid vs Native Mobile App. Decide in 5 minutes!July Systems
 
Mobile architecture overview
Mobile architecture overviewMobile architecture overview
Mobile architecture overviewDavid Scruggs
 
Outsourcing Android Application India
Outsourcing Android Application IndiaOutsourcing Android Application India
Outsourcing Android Application IndiaRomain Caisse
 
Mobile Web vs Native App
Mobile Web vs Native AppMobile Web vs Native App
Mobile Web vs Native AppAjen 陳
 
The Art of Mobile Performance (Mobiconf 2015)
The Art of Mobile Performance (Mobiconf 2015)The Art of Mobile Performance (Mobiconf 2015)
The Art of Mobile Performance (Mobiconf 2015)David Low
 
What are Progressive Web Apps & How Will They Impact The World of Web?
What are Progressive Web Apps & How Will They Impact The World of Web?What are Progressive Web Apps & How Will They Impact The World of Web?
What are Progressive Web Apps & How Will They Impact The World of Web?Rishabh Software
 
Embracing mobile: How can we track customer interaction outside of the PC?
Embracing mobile: How can we track customer interaction outside of the PC?Embracing mobile: How can we track customer interaction outside of the PC?
Embracing mobile: How can we track customer interaction outside of the PC?Avanade Nederland
 
React Native App & PWA Platform for Magento 2
React Native App & PWA Platform for Magento 2React Native App & PWA Platform for Magento 2
React Native App & PWA Platform for Magento 2MobiCommerce
 
Sencha Touch for Rubyists
Sencha Touch for RubyistsSencha Touch for Rubyists
Sencha Touch for RubyistsJames Pearce
 

What's hot (20)

The mobile context is dead. Long live mobile contexts!
The mobile context is dead. Long live mobile contexts!The mobile context is dead. Long live mobile contexts!
The mobile context is dead. Long live mobile contexts!
 
How much does it cost to develop an app? - The million dollar question
How much does it cost to develop an app? - The million dollar questionHow much does it cost to develop an app? - The million dollar question
How much does it cost to develop an app? - The million dollar question
 
Mobile Website vs Mobile App
Mobile Website vs Mobile AppMobile Website vs Mobile App
Mobile Website vs Mobile App
 
information at the point of use
information at the point of useinformation at the point of use
information at the point of use
 
Jason.O Keefe.Genuitec.Presentation.Final
Jason.O Keefe.Genuitec.Presentation.FinalJason.O Keefe.Genuitec.Presentation.Final
Jason.O Keefe.Genuitec.Presentation.Final
 
Mobile seo
Mobile seoMobile seo
Mobile seo
 
Google Search Algorithm Update - May 2021
Google Search Algorithm Update - May 2021Google Search Algorithm Update - May 2021
Google Search Algorithm Update - May 2021
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile Development
 
General Overview 100901
General Overview  100901General Overview  100901
General Overview 100901
 
Why Hybrid Mobile Applications is Best for Your Business, Engineer Master Sol...
Why Hybrid Mobile Applications is Best for Your Business, Engineer Master Sol...Why Hybrid Mobile Applications is Best for Your Business, Engineer Master Sol...
Why Hybrid Mobile Applications is Best for Your Business, Engineer Master Sol...
 
Hybrid vs Native Mobile App. Decide in 5 minutes!
Hybrid vs Native Mobile App. Decide in 5 minutes!Hybrid vs Native Mobile App. Decide in 5 minutes!
Hybrid vs Native Mobile App. Decide in 5 minutes!
 
Mobile architecture overview
Mobile architecture overviewMobile architecture overview
Mobile architecture overview
 
Outsourcing Android Application India
Outsourcing Android Application IndiaOutsourcing Android Application India
Outsourcing Android Application India
 
Mobile Web vs Native App
Mobile Web vs Native AppMobile Web vs Native App
Mobile Web vs Native App
 
Which Is Better – An App or A Mobile Website?
Which Is Better –  An App or A  Mobile Website?Which Is Better –  An App or A  Mobile Website?
Which Is Better – An App or A Mobile Website?
 
The Art of Mobile Performance (Mobiconf 2015)
The Art of Mobile Performance (Mobiconf 2015)The Art of Mobile Performance (Mobiconf 2015)
The Art of Mobile Performance (Mobiconf 2015)
 
What are Progressive Web Apps & How Will They Impact The World of Web?
What are Progressive Web Apps & How Will They Impact The World of Web?What are Progressive Web Apps & How Will They Impact The World of Web?
What are Progressive Web Apps & How Will They Impact The World of Web?
 
Embracing mobile: How can we track customer interaction outside of the PC?
Embracing mobile: How can we track customer interaction outside of the PC?Embracing mobile: How can we track customer interaction outside of the PC?
Embracing mobile: How can we track customer interaction outside of the PC?
 
React Native App & PWA Platform for Magento 2
React Native App & PWA Platform for Magento 2React Native App & PWA Platform for Magento 2
React Native App & PWA Platform for Magento 2
 
Sencha Touch for Rubyists
Sencha Touch for RubyistsSencha Touch for Rubyists
Sencha Touch for Rubyists
 

Similar to 8 Mobile Terms You Need to Know for 2015

Web development: Why do we need it ?
Web development: Why do we need it ?Web development: Why do we need it ?
Web development: Why do we need it ?anubhavdoodleblue123
 
What Are Progressive Web Application Development
What Are Progressive Web Application DevelopmentWhat Are Progressive Web Application Development
What Are Progressive Web Application DevelopmentApp Verticals
 
538210-rc220-rum
538210-rc220-rum538210-rc220-rum
538210-rc220-rumDan Boutin
 
online blogging system
online blogging systemonline blogging system
online blogging system001vaibhav
 
Web Application Development-Ultimate Guide To Web Application Architecture
Web Application Development-Ultimate Guide To Web Application ArchitectureWeb Application Development-Ultimate Guide To Web Application Architecture
Web Application Development-Ultimate Guide To Web Application ArchitectureVersatile Mobitech
 
Rachel Costello — The Landscape of Site Speed and Web Vitals
Rachel Costello — The Landscape of Site Speed and Web VitalsRachel Costello — The Landscape of Site Speed and Web Vitals
Rachel Costello — The Landscape of Site Speed and Web VitalsSemrush
 
Load testing for jquery based e commerce web applications with cloud performa...
Load testing for jquery based e commerce web applications with cloud performa...Load testing for jquery based e commerce web applications with cloud performa...
Load testing for jquery based e commerce web applications with cloud performa...IAEME Publication
 
Client Side Performance In Web Applications
Client Side Performance In Web ApplicationsClient Side Performance In Web Applications
Client Side Performance In Web Applicationsvladungureanu
 
Load Speed PSI development of webcore vitals
Load Speed PSI development of webcore vitalsLoad Speed PSI development of webcore vitals
Load Speed PSI development of webcore vitalsrahmathidayat471220
 
Best practices to increase the performance of web-based applications
Best practices to increase the performance of web-based applicationsBest practices to increase the performance of web-based applications
Best practices to increase the performance of web-based applicationsMouhamad Kawas
 
How to Maximize User Experience with Effective Front-End Technology Choices
How to Maximize User Experience with Effective Front-End Technology ChoicesHow to Maximize User Experience with Effective Front-End Technology Choices
How to Maximize User Experience with Effective Front-End Technology ChoicesMinds Task Technologies
 
Choosing the Right Technologies A Guide to Frameworks and Tools for Web App D...
Choosing the Right Technologies A Guide to Frameworks and Tools for Web App D...Choosing the Right Technologies A Guide to Frameworks and Tools for Web App D...
Choosing the Right Technologies A Guide to Frameworks and Tools for Web App D...BitCot
 
Flex Your Skills A Deep Dive into Web Development with Flex.pdf
Flex Your Skills A Deep Dive into Web Development with Flex.pdfFlex Your Skills A Deep Dive into Web Development with Flex.pdf
Flex Your Skills A Deep Dive into Web Development with Flex.pdflubnayasminsebl
 
Pablo Villalba -
Pablo Villalba - Pablo Villalba -
Pablo Villalba - .toster
 
Web application architecture guide how it works types, components, best pract...
Web application architecture guide how it works types, components, best pract...Web application architecture guide how it works types, components, best pract...
Web application architecture guide how it works types, components, best pract...Katy Slemon
 
Real time service oriented cloud computing
Real time service oriented cloud computingReal time service oriented cloud computing
Real time service oriented cloud computingwww.pixelsolutionbd.com
 
IJSRED-V2I5P23
IJSRED-V2I5P23IJSRED-V2I5P23
IJSRED-V2I5P23IJSRED
 

Similar to 8 Mobile Terms You Need to Know for 2015 (20)

Web development: Why do we need it ?
Web development: Why do we need it ?Web development: Why do we need it ?
Web development: Why do we need it ?
 
What Are Progressive Web Application Development
What Are Progressive Web Application DevelopmentWhat Are Progressive Web Application Development
What Are Progressive Web Application Development
 
538210-rc220-rum
538210-rc220-rum538210-rc220-rum
538210-rc220-rum
 
538210 rc220-rum
538210 rc220-rum538210 rc220-rum
538210 rc220-rum
 
DZone-RUM
DZone-RUMDZone-RUM
DZone-RUM
 
online blogging system
online blogging systemonline blogging system
online blogging system
 
Web Application Development-Ultimate Guide To Web Application Architecture
Web Application Development-Ultimate Guide To Web Application ArchitectureWeb Application Development-Ultimate Guide To Web Application Architecture
Web Application Development-Ultimate Guide To Web Application Architecture
 
Rachel Costello — The Landscape of Site Speed and Web Vitals
Rachel Costello — The Landscape of Site Speed and Web VitalsRachel Costello — The Landscape of Site Speed and Web Vitals
Rachel Costello — The Landscape of Site Speed and Web Vitals
 
Load testing for jquery based e commerce web applications with cloud performa...
Load testing for jquery based e commerce web applications with cloud performa...Load testing for jquery based e commerce web applications with cloud performa...
Load testing for jquery based e commerce web applications with cloud performa...
 
Client Side Performance In Web Applications
Client Side Performance In Web ApplicationsClient Side Performance In Web Applications
Client Side Performance In Web Applications
 
Load Speed PSI development of webcore vitals
Load Speed PSI development of webcore vitalsLoad Speed PSI development of webcore vitals
Load Speed PSI development of webcore vitals
 
Best practices to increase the performance of web-based applications
Best practices to increase the performance of web-based applicationsBest practices to increase the performance of web-based applications
Best practices to increase the performance of web-based applications
 
How to Maximize User Experience with Effective Front-End Technology Choices
How to Maximize User Experience with Effective Front-End Technology ChoicesHow to Maximize User Experience with Effective Front-End Technology Choices
How to Maximize User Experience with Effective Front-End Technology Choices
 
Choosing the Right Technologies A Guide to Frameworks and Tools for Web App D...
Choosing the Right Technologies A Guide to Frameworks and Tools for Web App D...Choosing the Right Technologies A Guide to Frameworks and Tools for Web App D...
Choosing the Right Technologies A Guide to Frameworks and Tools for Web App D...
 
Flex Your Skills A Deep Dive into Web Development with Flex.pdf
Flex Your Skills A Deep Dive into Web Development with Flex.pdfFlex Your Skills A Deep Dive into Web Development with Flex.pdf
Flex Your Skills A Deep Dive into Web Development with Flex.pdf
 
Pablo Villalba -
Pablo Villalba - Pablo Villalba -
Pablo Villalba -
 
EMPO ICT.pptx
EMPO ICT.pptxEMPO ICT.pptx
EMPO ICT.pptx
 
Web application architecture guide how it works types, components, best pract...
Web application architecture guide how it works types, components, best pract...Web application architecture guide how it works types, components, best pract...
Web application architecture guide how it works types, components, best pract...
 
Real time service oriented cloud computing
Real time service oriented cloud computingReal time service oriented cloud computing
Real time service oriented cloud computing
 
IJSRED-V2I5P23
IJSRED-V2I5P23IJSRED-V2I5P23
IJSRED-V2I5P23
 

More from Moovweb

Shaping Mobile Commerce with Data-Driven Insights
Shaping Mobile Commerce with Data-Driven Insights�Shaping Mobile Commerce with Data-Driven Insights�
Shaping Mobile Commerce with Data-Driven InsightsMoovweb
 
Webinar: Moovweb Optimize: Learn how to increase your mobile conversions
Webinar: Moovweb Optimize: Learn how to increase your mobile conversionsWebinar: Moovweb Optimize: Learn how to increase your mobile conversions
Webinar: Moovweb Optimize: Learn how to increase your mobile conversionsMoovweb
 
Web Semianr Seamless Apps with Moovweb
Web Semianr Seamless Apps with Moovweb Web Semianr Seamless Apps with Moovweb
Web Semianr Seamless Apps with Moovweb Moovweb
 
Mobilegeddon: What It Is and How to Survive It
Mobilegeddon: What It Is and How to Survive It Mobilegeddon: What It Is and How to Survive It
Mobilegeddon: What It Is and How to Survive It Moovweb
 
Accelerate Mobile Charitable Giving
Accelerate Mobile Charitable GivingAccelerate Mobile Charitable Giving
Accelerate Mobile Charitable GivingMoovweb
 
Edited web-seminar-6-conversion-influences
Edited web-seminar-6-conversion-influencesEdited web-seminar-6-conversion-influences
Edited web-seminar-6-conversion-influencesMoovweb
 
10 Most Surprising Hybrid Apps
10 Most Surprising Hybrid Apps10 Most Surprising Hybrid Apps
10 Most Surprising Hybrid AppsMoovweb
 
The iOS7 Apple Event for the Enterprise (that never happened)
The iOS7 Apple Event for the Enterprise (that never happened)The iOS7 Apple Event for the Enterprise (that never happened)
The iOS7 Apple Event for the Enterprise (that never happened)Moovweb
 
12 mCommerce Best Practices That Drive Real ROI
12 mCommerce Best Practices That Drive Real ROI12 mCommerce Best Practices That Drive Real ROI
12 mCommerce Best Practices That Drive Real ROIMoovweb
 

More from Moovweb (9)

Shaping Mobile Commerce with Data-Driven Insights
Shaping Mobile Commerce with Data-Driven Insights�Shaping Mobile Commerce with Data-Driven Insights�
Shaping Mobile Commerce with Data-Driven Insights
 
Webinar: Moovweb Optimize: Learn how to increase your mobile conversions
Webinar: Moovweb Optimize: Learn how to increase your mobile conversionsWebinar: Moovweb Optimize: Learn how to increase your mobile conversions
Webinar: Moovweb Optimize: Learn how to increase your mobile conversions
 
Web Semianr Seamless Apps with Moovweb
Web Semianr Seamless Apps with Moovweb Web Semianr Seamless Apps with Moovweb
Web Semianr Seamless Apps with Moovweb
 
Mobilegeddon: What It Is and How to Survive It
Mobilegeddon: What It Is and How to Survive It Mobilegeddon: What It Is and How to Survive It
Mobilegeddon: What It Is and How to Survive It
 
Accelerate Mobile Charitable Giving
Accelerate Mobile Charitable GivingAccelerate Mobile Charitable Giving
Accelerate Mobile Charitable Giving
 
Edited web-seminar-6-conversion-influences
Edited web-seminar-6-conversion-influencesEdited web-seminar-6-conversion-influences
Edited web-seminar-6-conversion-influences
 
10 Most Surprising Hybrid Apps
10 Most Surprising Hybrid Apps10 Most Surprising Hybrid Apps
10 Most Surprising Hybrid Apps
 
The iOS7 Apple Event for the Enterprise (that never happened)
The iOS7 Apple Event for the Enterprise (that never happened)The iOS7 Apple Event for the Enterprise (that never happened)
The iOS7 Apple Event for the Enterprise (that never happened)
 
12 mCommerce Best Practices That Drive Real ROI
12 mCommerce Best Practices That Drive Real ROI12 mCommerce Best Practices That Drive Real ROI
12 mCommerce Best Practices That Drive Real ROI
 

8 Mobile Terms You Need to Know for 2015

  • 1. 8 MOBILE TERMS YOU NEED TO KNOW FOR 2015
  • 2. 1 MOBILE SPECIFIC MOBILE SPECIFIC [mōbəl spəˈsifik] Mobile users have fundamentally different needs than do desktop users. ‘Mobile Specific’ is the subset of robust functionality created to address the user context and reliance now imposed upon the mobile device. Examples: geolocation for store locator, barcode scanning for product search, mobile-optimized checkout flow, photo uploading and mobile payments.
  • 3. 2 iBEACONS iBeacons [i-bēkəns] iBeacons are a Bluetooth-based extension of Location Services that allow user proximity to be determined and notifications to be sent. The beacon technology is built into Apple devices running the iOS7 operating system. Example: Notifications at airports about delays or contactless (POS) checkout at retail stores.
  • 4. THE STATS Use of iBeacons by marketers is expected to double in 2015. 18%  36% 36% 28% 18% 17% Reference: Adobe Digital Index 2014 Use of iBeacons by marketers
  • 5. 3 DEEP LINKING Deep Linking [dēp liNGkiNG] Deep linking allows developers to link to specific views or pages within an app. And these links can come from either another app or from the mobile web. Links from within the mobile web have significant implications for SEO. Examples: connecting with search results or ads
  • 6. LINKING TO SEO Before: Prior to the launch of Google’s App Indexing feature, mobile search results only displayed the general link to an app but not to specific content within the app. Now: If you search “Mountain View home listings” for example, you’ll see the direct link for those listings within the Trulia app. SEO: Deeplinking allows Google’s search engine to surface apps’ most relevant content.
  • 7. UNBUNDLING Deep linking also allows for the “unbundling” of apps. Via deep links, popular apps such as Facebook are able to take a popular feature such as messaging and create a separate app around that feature while allowing users to navigate seamlessly between the two apps.
  • 8. 4 TTFB Time To First Byte [tīm tü fərst bīt] Time to First Byte (TTFB) is a measurement that captures how long it takes after the client sends an HTTP request to the first byte of the page being received by the browser. Comprised of 3 components: time it takes to send a request to the web server; amount of time the web server then takes to process the request and generate a response; time to send the first byte of that response back to the browser.
  • 9. LEADERS ARE FAST Correlative evidence between decreasing search rank and increasing time to first byte Reference: Moz Speed Research
  • 10. THE COMPONENTS 1. The time it takes for your request to propagate; network  web server 2. The time it takes for the web server to process the request  generate the response 3. The time it takes for the response to propagate back; network  browser Reference: Moz Speed Research You want sum of times: 1 + 2 + 3 = 300 – 500ms
  • 12. 5 TTI Time to Interact [tīm tü fərst in-tər-ˈakt] Time to Interact (TTI) is key for the perceived page load time and thus your site’s ability to provide a good user experience. As opposed to the Time to First Byte, which is when the user first perceives the mobile experience to start loading on their device, the Time to Interact marks the time when the user can begin to interact with elements of the page, for example search fields.
  • 13. BEST PRACTICES • Loading the above-the-fold content first • Loading the interactive elements of the page as quickly as possible • Compressing images and minifying code so the page loads faster • Leveraging Content Delivery Networks as we mentioned in Time to First Byte • Deferring the loading of third party scripts related to things like analytics or social sharing
  • 14. 6 BLOCKING JS Blocking JavaScript [bläkiNG jävəskript] Blocking JavaScript is JavaScript that interferes with the loading of above-the-fold content of your page, making it slower to load. Pages with blocking JavaScripts are penalized in Google search results because it adversely affects a page’s performance. Example: jQuery plugins, image carousels, libraries
  • 15. SITE PERFORMANCE Go check for yourself!https://developers.google.com/speed/pagespeed/insights/
  • 16. 7 USER CENTRIC User Centric [yo͞ ozər sentrik] When people talk about optimizing for mobile, they frequently think only of optimizing the UI. In the case of Responsive Web Design (RWD) for example, you are optimizing the UI via CSS. But the UX is the same across different devices because you’re delivering the same HTML code, and therefore same layout, to each device.
  • 17. BUILDING BLOCKS Historical Desktop Approach Moovweb Approach
  • 18. 17% MARKET DELIVERING OPTIMIZED EXPERIENCES 36% 47% 17% None Optimized UI Optimized Experience Top 100k Websites by Traffic
  • 19. 8 APS & APIS Synthetic APIs [sinˈThedik a-p-i] Developing an API for a fully native enterprise app can be more costly than producing the app itself. One technique that Moovweb customers can use to avoid the significant expenditure of time and money to build out an API infrastructure is to use a synthetic API. It works by converting the desktop HTML into JSON or XML that creates a feed or synthetic API that can be fed into the native UI interface of an app.
  • 20. HEAVY ON HYBRID Even Apple is Hybrid. Check out the AppStore (iOS)!
  • 21. 8 MOBILE TERMS YOU NEED TO KNOW Mobile Specific iBeacons Deep Linking Time to First Byte Time to Interact Blocking JavaScript User Centric Synthetic APIs

Editor's Notes

  1. http://moz.com/blog/how-website-speed-actually-impacts-search-ranking
  2. Gartner – naseem data