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

3 Essential Design Trends, December 2023

While we love the holidays, too much of a seasonal theme can get overwhelming. Thankfully, these design trends strike a…

10 Easy Ways to Make Money as a Web Designer

When you’re a web designer, the logical way to make money is designing websites; you can apply for a job at an agency,…

The 10 Most Hated Fonts of All Time

Remember when Comic Sans wasn’t the butt of the jokes? Long for the days when we actually enjoyed using the Impact…

15 Best New Fonts, November 2023

2023 is almost over, and the new fonts are still coming thick and fast. This month, we’ve found some awesome variable…

Old School Web Techniques Best Forgotten

When the web first entered the public consciousness back in the 90s, it was primarily text-based with minimal design…

20 Best New Websites, November 2023

As the nights draw in for the Northern hemisphere, what better way to brighten your day than by soaking up some design…

30 Amazing Chrome Extensions for Designers and Developers

Searching for a tool to make cross-platform design a breeze? Desperate for an extension that helps you figure out the…

Exciting New Tools for Designers, November 2023

We’ve got a mix of handy image helpers, useful design assets, and clever productivity tools, amongst other treats. Some…

The Dangers of Doomscrolling for Designers and How to Break Free

As a creative professional, navigating the digital realm is second nature to you. It’s normal to follow an endless…

From Image Adjustments to AI: Photoshop Through the Years

Remember when Merriam-Webster added Photoshop to the dictionary back in 2008? Want to learn how AI is changing design…

3 Essential Design Trends, November 2023

In the season of giving thanks, we often think of comfort and tradition. These are common themes with each of our three…

30 Obsolete Technologies that will Perplex Post-2000s Kids

Remember the screech of dial-up internet? Hold fond memories of arcade machines? In this list, we’re condensing down 30…