To HTML5 or not to HTML5, that is the mobile question

Default avatar.
November 27, 2012
To HTML5 or not to HTML5, that is the mobile question.

ThumbMark Zuckerberg opened up recently about HTML5 and the difficulties that Facebook has faced in developing mobile apps. In a quote heard round the world, Zuckerberg called HTML5 one of the biggest strategic mistakes we made.” Those are pretty strong words from the CEO of the most influential company in the mobile market today.

Facebook is experiencing slower performance with HTML5 compared to native apps on mobile devices and the diversity of mobile browsers, which leads to confusion among web hosting developers over which parts of the programming they can use — hence, the appeal of native apps.

A native app doesn’t need an internet connection to run; it’s much faster than loading an HTML5 web app; and, because native apps run directly from the phone, they have easier access to the microphone and camera, making them more capable than HTML5-based web apps.

Long live HTML5!

Before you take Mark Zuckerberg’s HTML5 bashing as evidence that web apps are dead, remember that there are plenty of reasons why developers still like web apps in some circumstances.

HTML5 is an example of the write once, run everywhere” mentality. Because most browsers function the same way, one app can run on almost all browsers, unlike native apps, which are operating system-specific. This obviously streamlines development, but for the user it means continuity, regardless of the operating system. Switching from iPhone to Android? Instead of having to get accustomed to the different interface of the new operating system, HTML5 guarantees that the app will look, run and feel the same, no matter what.

HTML5 also allows for constant updating, without the need for an app store. Every time a user logs into the web app, they get the most recent version of the program.

With a website such as Facebook, which is constantly updating and changing, an HTML5 base seemed like a no-brainer. Instead of having to wait for approval from Google’s Play store or Apple’s store, the web app simply updates itself. Again, this appeals to both users and developers. For developers, it eliminates the need to have to rewrite and resubmit the app every time it needs updating; for users, it frees them from having to reach for the Update” button every few weeks or months.

The root issue for Facebook isn’t the little differences between HTML5 coding and native apps, but rather how to condense content born on desktop browsers for mobile browsers.

According to CNET, Facebook has 955 million monthly users, 543 million of whom are mobile users, which is an increase of 67% year over year. This is a huge shift in the very basics of how Facebook works.

Native or web app?

Native apps aren’t the cure for all mobile users. Twitter has been very successful in using HTML5, CSS3 and JavaScript to make hybrid applications that run fast and that feel as smooth as a native app.

Although they are different types of websites, Twitter and Facebook do have some of the same requirements: Facebook needs to be constantly updated with the most recent content, just like Twitter (although perhaps to a lesser extent). The whole point of both networks is to keep users constantly updated on their friends and followers, a need to which HTML5 programming lends itself. But both websites also need a smooth interface and quick upload time, which demand something like a native app. However, Twitter’s use of multiple coding languages might be the direction that Facebook needs to go in. The different code, at least for Twitter, has made for a better, smoother app than either a native app or an HTML5-only app could deliver.

Native apps definitely came first. Recall that preinstalled programs (i.e. apps) — such as address books, calendars and calculators — appeared on mobile devices long before the availability of Web connectivity. One of the most memorable instances was Nokia’s implementation of the classic arcade game Snake in 1998, which became a massive hit around the world.

Until HTML5 catches up to native apps in enabling users to play games and load social networks quickly, the latter will dominate those segments. Still, HTML5 is ahead with weather and shopping apps, both of which rely more on user analytics, which web-based apps can access and provide faster.

The characteristic that Facebook is pursuing — the one that all app developers will eventually have to learn — is adaptability.

Learning how your platform works and what functions are the most important to users is the key to guiding development.

Whether it’s HTML5, native apps unique to their respective operating systems, JavaScript or some combination thereof, the most important lesson for companies that are shifting into the mobile-based world, such as Facebook, is to lock down the key points of your software and use the programming that is available to make those key points as accessible and user-friendly as possible.

Do you build mobile apps in HTML5 or native code? Do you think HTML5 will come to dominate or will there always be support for native apps? Let us know in the comments.

Featured image/​thumbnail, HTML5 image via Shutterstock.

Alana Bender

After getting her Computer Science degree in NorCal, Alana’s interest in writing about technology took over & she started freelancing for various blogs & publications. She loves the beach & Apple! Follow her on twitter @AlaBender.

Read Next

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …

15 Best New Fonts, April 2023

Fonts are a designer’s best friend. They add personality to our designs and enable fine typography to elevate the quali…

20 Best New Websites, April 2023

In April’s edition, there’s a whole heap of large-scale, and even full-screen, video. Drone footage is back with a veng…

Exciting New Tools For Designers, April 2023

The AI revolution is having a huge impact on the types of products that are hitting the market, with almost every app b…

3 Essential Design Trends, March 2023

One thing that we often think about design trends is that they are probably good to make a list. That’s not always true…