Shulou(Shulou.com)06/02 Report--

In this issue, the editor will bring you the comparison of the advantages and disadvantages of how to carry out the front-end cool techs PWA of the web page. The article is rich in content and analyzes and narrates it from a professional point of view. I hope you can get something after reading this article.

In 2016, PWA officially landed in google, and Chromium-based browsers Chrome and Opera have fully supported PWA. With the release of iOS 11.3, iOS officially began to support PWA,Windows Edge to support PWA. As more and more browsers have made support and optimization for PWA, presumably the era of PWA is coming.

Inborn advantage:

1. No installation, no download, as long as you enter the URL to visit once, and then add it to the device desktop can continue to use.

two。 Publishing does not need to be submitted to the app store for review

3. No audit is required to update the iterative version, and there is no need to reissue the audit

4. The existing web web pages can be improved into PWA, which can transform quickly, go online, realize business and get traffic.

5. There is no need to develop two different versions of Android and IOS

There are disadvantages:

1. Browser technical support is not comprehensive enough, not every browser can support all PWA 100%.

two。 You need to go through a third-party library to call the underlying hardware (such as a camera).

3. PWA is not so popular yet. Some domestic mobile phone manufacturers have tampered with Android systems and seem to block PWA, but it is believed that PWA will become popular sooner or later.

How can PWA bridge the gap with native App?

PWA uses the app Shell architecture model

1. Fast loading

two。 Use as little data as possible

3. Use static assets in the native cache

4. Separate content from navigation

5. Retrieve and display the content of a specific page (HTML, JSON, etc.)

6. Caching dynamic content App Shell ensures the localization of UI and dynamic loading of content from API, but does not affect the linkability and detectability of the network. The next time a user visits your application, the application will automatically display the latest version. There is no need to download the new version before using it.

7. In order to ensure the loading of the first screen, before the content request is completed, you can first ensure the rendering of App Shell to achieve the same experience as Native App. App Shell is the minimum resource needed for PWA interface display.

The above is the editor for you to share how to compare the pros and cons of the web front end cool techs PWA, if there happen to be similar doubts, you might as well refer to the above analysis to understand. If you want to know more about it, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.