{"id":12583,"date":"2018-06-15T05:24:51","date_gmt":"2018-06-15T05:24:51","guid":{"rendered":"https:\/\/app14743.cloudwayssites.com\/blog\/?p=2583"},"modified":"2022-04-20T07:17:06","modified_gmt":"2022-04-20T14:17:06","slug":"progressive-web-apps","status":"publish","type":"post","link":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/","title":{"rendered":"Progressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology"},"content":{"rendered":"

Have you ever asked yourself why all apps aren\u2019t web apps? Well, this is actually already the case on desktops and most of the apps you use at home and\/or at work. When it comes to productivity apps, Microsoft, Apple, and Google all have full-featured web apps that are just as capable as locally installed desktop applications. As long as you have good wired or wireless internet, you can do nearly all of your work in Chrome, Edge, or Safari. Apart from specific categories, such as graphics, video editing, software development, and high-end gaming, you can do nearly everything in a web browser. <\/span><\/p>\n

Mobile, however, is a different story.<\/span><\/p>\n

<\/p>\n

Whether you\u2019re trying to tether a laptop or use a mobile device, using a native app is preferable to using a web app. Native desktop and mobile apps have access to device hardware (such as storage) and can work offline. When it comes to mobile, it doesn\u2019t matter whether you use the mobile versions of Chrome (Android) or Safari (iOS)\u2014they\u2019re pale shadows of the desktop versions, and they aren\u2019t worth the effort. <\/span><\/p>\n

The good news is that things are starting to change, and a new generation of Progressive Web Apps (PWAs) are changing the status quo. They\u2019re the missing piece that will allow any browser-based app to look, act, and respond like a native app. They work offline, are able to access native device hardware (e.g., camera, storage, network, etc.), and provide a user experience that\u2019s indistinguishable from native applications. <\/span><\/p>\n

At this point, Google and Microsoft are fully committed to supporting PWAs across their platforms and browsers. Apple hasn\u2019t made an official commitment yet, but there\u2019s evidence<\/a> that <\/span>both desktop and mobile Safari will offer partial or full PWA functionality in the near future.<\/span><\/p>\n

In this post, we discuss how the mobile revolution and the rise of smartphones led to the creation of PWAs. We explain what PWAs are, describe their component parts, and provide instructions for how to build and test them.<\/span><\/p>\n

The Rise and Fall of Web Apps<\/strong><\/h2>\n

Until 2007, it seemed like the rise of web apps was unstoppable, but then the iPhone changed everything. Google quickly followed Apple\u2019s example and launched Android. Both platforms came with a built-in browser that did a reasonable job of rendering web pages. Due to security and performance concerns, the browsers had limited access to a device\u2019s hardware. Developers voted with their feet\u2014they preferred writing mobile versions of their apps using each platform\u2019s native SDK and distributing them via app stores.<\/span><\/p>\n

During the rise of native apps on mobile devices, it appeared that web apps were becoming irrelevant at best, and obsolete at worst. Desktop browsers and web apps may have been overshadowed, but in this period, a number of new developments made the web browser the platform of choice for app development and delivery. Ironically, given that we think of Apple as the iPhone company, we forget that they were instrumental in creating the web standards that resulted in new and better web apps. <\/span><\/p>\n

Following the launch of Safari on the Mac, Apple created the WebKit rendering engine. In 2008, Google adopted WebKit and started to implement the new web standards in their Chrome browser. Chrome enabled developers to deliver web apps that could access device hardware such as storage, camera, and location. Recently, Google has been adding these features to the latest versions of mobile Chrome on Android and Chrome OS. Alex Russell<\/a>, a Google Chrome team member, coined the term Progressive Web App (PWA) to define these new developments.<\/span><\/p>\n

What is a Progressive Web App?<\/strong><\/h2>\n

On Google PWA homepage<\/a>, a PWA is described as a web-based user experience that\u2019s reliable, fast, and engaging. Highlighting these three qualities draws attention to the fact that many web apps are unreliable, slow, and not engaging, which has the potential to tar PWAs with the same brush.<\/span><\/p>\n

When it comes to reliability, a web app is only as reliable as its network connection. A bad connection means that a web app will either load slowly or not load at all. So PWAs should load quickly and reliably even when network connectivity is uncertain. If network connection is lost during a session, you should be able to rely on the PWA to save data and any changes you made.<\/span><\/p>\n

You could say that reliability and speed are two sides of the same coin. This is partly because they\u2019re dependant on sending requests to and receiving responses from remote servers. It\u2019s also because many front end frameworks that are used to create web applications perform less efficiently than similar native frameworks.<\/span><\/p>\n

A PWA that\u2019s reliable and fast will engage users and ensure that the PWA user experience feels as natural as using a native app. As far as the user is concerned, a PWA is no different from a native app, and it should provide a shortcut icon that allows launching from the home screen. PWAs are progressive because, no matter what limitations a browser has, they can be progressively enhanced to include any missing functionality.<\/span><\/p>\n

In addition, PWAs must have the following characteristics: <\/span><\/p>\n

Discoverable<\/strong><\/h6>\n

What use is writing a great app if no one can find it? And once you\u2019ve found it, how do you install it? There are many sites that provide curated lists of available apps (e.g., PWA Rocks). In the near future, PWAs will also be available from app stores<\/a>. <\/span><\/p>\n

To install a PWA, you must locate and download the relevant assets to your device. In order to find and install these assets, developers create an app manifest. The manifest is a JSON file that stores web application metadata and related information. This includes its name, links to assets (e.g., icons, images, video), the preferred URL to launch or open the web app, and configuration settings (orientation, full screen, etc.). The browser uses the information to provide support for device-native services and hardware.<\/span><\/p>\n

Provide Offline Support<\/strong><\/h6>\n

One of the biggest problems with using the mobile web is that it must be connected to the internet. In order to provide a completely app-like experience, a PWA must be available and work offline. PWAs provide offline support via service workers, which are scripts that a web browser runs separately from and in the background of a web page. The service worker sends requests and caches the responses. In other words, a service worker doesn\u2019t just store application data in random access memory; instead, it persists this data to the device\u2019s file system or the browser\u2019s internal databases. In the event that the browser\u2019s internet connection fails, it can continue to operate offline. Service workers can also provide support for push notifications and updates. <\/span><\/p>\n

Secure<\/strong><\/h6>\n

The HTTP protocol enables you to pass unencrypted data over an internet connection. Since the world is a dangerous place and PWAs will be used to handle sensitive personal and financial information, it\u2019s better to be safe than sorry. PWAs ensure security by being served over HTTPS. While you technically can create a PWA and serve it via a non-secure HTTP, using HTTPS provides an extra layer of protection for sensitive user data.<\/span><\/p>\n

Building and Testing Your First PWA<\/strong><\/h2>\n

The first step for creating a PWA is writing a manifest file. Next, write a service worker for caching pages and handling offline data. The last step involves integrating the service worker into your application. This requires writing code that registers and downloads the service worker. For a detailed, step-by-step guide, see this tutorial from Google<\/a>. If you want to convert an existing web app, see this guide from Chris Love<\/a>. Another approach is to use an online service, such as the Manifold Online PWA Builder. <\/span><\/p>\n

As with any web or mobile application, it\u2019s not enough to just write the code\u2014you also need to test it before it\u2019s released for users. A PWA is a web app, so its elements can be tested using existing manual and automated testing techniques. Additional tests will be required to measure online and offline performance and presentation. For a comprehensive list of PWA features and functionality, you should test, see Google’s PWA checklist<\/a>. <\/span><\/p>\n

PWAs are also excellent for visual testing. For example, you can test your PWA using Applitools Eyes. Applitools Eyes allows you to define a visual baseline of your app. If a test run detects differences between the expected\/baseline image and the actual image that\u2019s detected in the test, the test is failed. Oftentimes, the difference doesn\u2019t come from an issue or a defect but is instead caused by a newly introduced feature or cosmetic change. <\/span><\/p>\n

Conclusion: The Best Is Yet to Come<\/strong><\/h2>\n

Over the last ten years, we\u2019ve witnessed an impressive evolution of the mobile web. In that time, we\u2019ve progressed from primitive, barely usable mobile browsers running on features and pre-iPhone smartphones to today\u2019s highly capable mobile browsers that run on phones and tablets.  <\/span><\/p>\n

PWAs are the next step in the evolution. They will blur the lines between mobile and native development. While developing and deploying mobile web apps may be easier, the issue of testing mobile apps becomes increasingly important. To ensure the best possible experience for your users, the case for using visual testing tools like Applitools Eyes has never been stronger.<\/span><\/p>\n

To learn more about Applitools\u2019 visual UI testing and application visual management (AVM) solutions, check out the tutorials<\/a> on the Applitools<\/a> website. To get started with Applitools, request a demo<\/a>, or sign up for a free Applitools account<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Have you ever asked yourself why all apps aren\u2019t web apps? Well, this is actually already the case on desktops and most of the apps you use at home and\/or…<\/p>\n","protected":false},"author":17,"featured_media":12587,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[10004],"tags":[12691,12783,12688,12802],"acf":[],"yoast_head":"\nProgressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology - AI-Powered End-to-End Testing | Applitools<\/title>\n<meta name=\"description\" content=\"Progressive Web Apps (PWAs) are one the hottest things in frontend development, but how does the technology measure up to the hype? This article will provide a guide to this new technology. It will describe how to build, test, and deploy PWAs.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology\" \/>\n<meta property=\"og:description\" content=\"Have you ever asked yourself why all apps aren\u2019t web apps? Well, this is actually already the case on desktops and most of the apps you use at home and\/or\" \/>\n<meta property=\"og:url\" content=\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"AI-Powered End-to-End Testing | Applitools\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-15T05:24:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-20T14:17:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2018\/06\/Progressive-Web-Apps-PWAs-rec-S.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"585\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gil Tayar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gil Tayar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/\"},\"author\":{\"name\":\"Gil Tayar\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/c9e99fab0bd2081a6a36861d9ca78a12\"},\"headline\":\"Progressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology\",\"datePublished\":\"2018-06-15T05:24:51+00:00\",\"dateModified\":\"2022-04-20T14:17:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/\"},\"wordCount\":1637,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2018\/06\/Progressive-Web-Apps-PWAs-rec-S.jpg\",\"keywords\":[\"Developers\",\"Mobile\",\"Technical Leaders\",\"UI Development\"],\"articleSection\":[\"Advanced Topics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/\",\"name\":\"Progressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology - AI-Powered End-to-End Testing | Applitools\",\"isPartOf\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2018\/06\/Progressive-Web-Apps-PWAs-rec-S.jpg\",\"datePublished\":\"2018-06-15T05:24:51+00:00\",\"dateModified\":\"2022-04-20T14:17:06+00:00\",\"description\":\"Progressive Web Apps (PWAs) are one the hottest things in frontend development, but how does the technology measure up to the hype? This article will provide a guide to this new technology. It will describe how to build, test, and deploy PWAs.\",\"breadcrumb\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#primaryimage\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2018\/06\/Progressive-Web-Apps-PWAs-rec-S.jpg\",\"contentUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2018\/06\/Progressive-Web-Apps-PWAs-rec-S.jpg\",\"width\":585,\"height\":300,\"caption\":\"Progressive Web Apps (PWAs)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/app14743.cloudwayssites.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advanced Topics\",\"item\":\"https:\/\/app14743.cloudwayssites.com\/blog\/category\/advanced-topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Progressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#website\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/\",\"name\":\"Applitools Visual AI\",\"description\":\"Applitools delivers full end-to-end test automation with AI infused at every step.\",\"publisher\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/app14743.cloudwayssites.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#organization\",\"name\":\"Applitools\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/03\/applitools.png\",\"contentUrl\":\"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/03\/applitools.png\",\"width\":156,\"height\":28,\"caption\":\"Applitools\"},\"image\":{\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/c9e99fab0bd2081a6a36861d9ca78a12\",\"name\":\"Gil Tayar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/566240e52d34470d5e766e232d5d59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/566240e52d34470d5e766e232d5d59a9?s=96&d=mm&r=g\",\"caption\":\"Gil Tayar\"},\"url\":\"https:\/\/app14743.cloudwayssites.com\/blog\/author\/gil_t\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Progressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology - AI-Powered End-to-End Testing | Applitools","description":"Progressive Web Apps (PWAs) are one the hottest things in frontend development, but how does the technology measure up to the hype? This article will provide a guide to this new technology. It will describe how to build, test, and deploy PWAs.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/","og_locale":"en_US","og_type":"article","og_title":"Progressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology","og_description":"Have you ever asked yourself why all apps aren\u2019t web apps? Well, this is actually already the case on desktops and most of the apps you use at home and\/or","og_url":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/","og_site_name":"AI-Powered End-to-End Testing | Applitools","article_published_time":"2018-06-15T05:24:51+00:00","article_modified_time":"2022-04-20T14:17:06+00:00","og_image":[{"width":585,"height":300,"url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2018\/06\/Progressive-Web-Apps-PWAs-rec-S.jpg","type":"image\/jpeg"}],"author":"Gil Tayar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gil Tayar","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#article","isPartOf":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/"},"author":{"name":"Gil Tayar","@id":"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/c9e99fab0bd2081a6a36861d9ca78a12"},"headline":"Progressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology","datePublished":"2018-06-15T05:24:51+00:00","dateModified":"2022-04-20T14:17:06+00:00","mainEntityOfPage":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/"},"wordCount":1637,"commentCount":0,"publisher":{"@id":"https:\/\/app14743.cloudwayssites.com\/#organization"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2018\/06\/Progressive-Web-Apps-PWAs-rec-S.jpg","keywords":["Developers","Mobile","Technical Leaders","UI Development"],"articleSection":["Advanced Topics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/","url":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/","name":"Progressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology - AI-Powered End-to-End Testing | Applitools","isPartOf":{"@id":"https:\/\/app14743.cloudwayssites.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#primaryimage"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2018\/06\/Progressive-Web-Apps-PWAs-rec-S.jpg","datePublished":"2018-06-15T05:24:51+00:00","dateModified":"2022-04-20T14:17:06+00:00","description":"Progressive Web Apps (PWAs) are one the hottest things in frontend development, but how does the technology measure up to the hype? This article will provide a guide to this new technology. It will describe how to build, test, and deploy PWAs.","breadcrumb":{"@id":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#primaryimage","url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2018\/06\/Progressive-Web-Apps-PWAs-rec-S.jpg","contentUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2018\/06\/Progressive-Web-Apps-PWAs-rec-S.jpg","width":585,"height":300,"caption":"Progressive Web Apps (PWAs)"},{"@type":"BreadcrumbList","@id":"https:\/\/app14743.cloudwayssites.com\/blog\/progressive-web-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/app14743.cloudwayssites.com\/"},{"@type":"ListItem","position":2,"name":"Advanced Topics","item":"https:\/\/app14743.cloudwayssites.com\/blog\/category\/advanced-topics\/"},{"@type":"ListItem","position":3,"name":"Progressive Web Apps: Building Compelling Apps with the Latest Mobile Web Technology"}]},{"@type":"WebSite","@id":"https:\/\/app14743.cloudwayssites.com\/#website","url":"https:\/\/app14743.cloudwayssites.com\/","name":"Applitools Visual AI","description":"Applitools delivers full end-to-end test automation with AI infused at every step.","publisher":{"@id":"https:\/\/app14743.cloudwayssites.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/app14743.cloudwayssites.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/app14743.cloudwayssites.com\/#organization","name":"Applitools","url":"https:\/\/app14743.cloudwayssites.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/#\/schema\/logo\/image\/","url":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/03\/applitools.png","contentUrl":"https:\/\/app14743.cloudwayssites.com\/wp-content\/uploads\/2020\/03\/applitools.png","width":156,"height":28,"caption":"Applitools"},"image":{"@id":"https:\/\/app14743.cloudwayssites.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/c9e99fab0bd2081a6a36861d9ca78a12","name":"Gil Tayar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/app14743.cloudwayssites.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/566240e52d34470d5e766e232d5d59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/566240e52d34470d5e766e232d5d59a9?s=96&d=mm&r=g","caption":"Gil Tayar"},"url":"https:\/\/app14743.cloudwayssites.com\/blog\/author\/gil_t\/"}]}},"_links":{"self":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/posts\/12583"}],"collection":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/comments?post=12583"}],"version-history":[{"count":0,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/posts\/12583\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media\/12587"}],"wp:attachment":[{"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/media?parent=12583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/categories?post=12583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/app14743.cloudwayssites.com\/wp-json\/wp\/v2\/tags?post=12583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}