Telegram recently released a new feature – Instant View, I looked at the oficial blog, thought it would be worthy a blog to say something about it. Why? Beacuse Facebook launched Instant Articles and Google launched AMP, both in last year and for the same purpose – to offer user a smoother experience. In this article I’ll do some simple comparison, and there may be some mistake or too superficial, sorry for that.
2014, Facebook launched Paper, a reading app with mind-blowing UE, well I didn’t try that. It got attention all over the world, but mainly from us developers or designers, maybe real users don’t seem to care much, I think. June 2016, Facebook stopped Paper.
Well on the other hand, the idea of immersive(don’t know if this is the right word) reading, continued in Facebook App, reborned to Instant Articles, which was launched at June 2015
Technical implementation is something like this
1.1 publisher create Instant Article version of theire ariticles, based on guidline from Facebook
In detail, publisher needs to add specific classname & json script to enable certian component, https://developers.facebook.com/docs/instant-articles/guides/articlecreate.
Here is an example from its homepage, we can see classname starting with
'op-*', and video & ads & GA components wrapped in
<figure>(to be honest , it is kind of strange to use
<figure> I think)。It looks complicated but Facebook offers writing tools, so it shouldn’t be a problem, I didn’t try that though.
1.2 when Facebook app meets a link, it checks whether it supports Instant Article
Just check the
<head/> and it is done.
1.3 If it is Instant article, read the classes & json config, display them in native components
And yes, it is very fast.
Google AMP is a solution offered by Google, which started at mid-late 2015, it is said to be the rival of Instant Article. Its purpose is to make news page displayed faster, by applying some strict rules, details as follows:
2.1 publisher nees to create AMP version html
This is the same as Facebook Instant Article, but AMP is more complicated & loose, here is an official example: https://ampbyexample.com/introduction/hello_world/
from the code above, we can see a few things:
- 1.amp declaration at
- 2.inlined css
- 3.amp library js
- 4.usage of
<amp-img>, with explicit with & height declaration
In a word, amp narrows down the usage of html, by making more strict, it removes some barriers which make webpage slow. amp library js it the core of this, it prevents unnecessary drawing, by showing only visible parts(first view), this is why height&width are needed at
<amp-img>, without it AMP cannot do calculations until images are loaded.
2.2 Google collects AMP page and caches them in a special cdn
AMP page will be cached by Google if it passes validator, that said what users access are cache from Google CDN, instead of original version.
2.3 Google added special showcase in search results
There will be a Thunder mark for AMP pages in Google search result, just like Facebook Instant Article (just see the gif at the beginning). While the most violent & delicious one is that Google possibly increases the rank of amp-supported pages. wow.
Currently AMP mainly focuses on news and blogs, but I also saw amp pages from review sites.
Instant View looks similar to Instant Articles both from its title & UE. In Telegram, there will be an ‘Instant View’ mark, to the links which instant view supports, tap it and you will get a native display.
Currently Instant View supports Medium.com, TechCrunch.com and Telegram’s telegra.ph. And there still lacks some technical introductions, but since all Medium pages and user-created telegraph pages are support, it is reasonable to assume that publisher are not rquired to create a special version of his contents。
In technical details, it should be similar to Instant Articles, but Instant View does more, it parses the html tags and do the rendering. I created some Medium pages with dynamic widgets, such as jsfiddle iframe, and they cannot be treated as Instant View, which means Instant View supports only static contents, like images & code blocks.
In my personal opinion, if every platform offers a standard, web no longer exists. I understand the good willing from Facebook, to offer users a better reading experience, but by means of cache & better organizing of codes, webview can do much better. As an app, it should provide a fast-boosted webview environment, rather than enforce publishers to create another version of contents, by changing rules. This is why I like Instant View better than Instan Articles.
Instant View is a publisher-friendly solution, Telegram does the dirty work and publisher just keep publishing, not offensive. I’m looking forward to future Instant View, but this is not a adoptable-by-all solution, so only 2-star.