{"id":224320,"date":"2021-12-09T10:27:00","date_gmt":"2021-12-09T09:27:00","guid":{"rendered":"https:\/\/resourcelab.fr\/3-minutes-to-understand-pwas\/"},"modified":"2021-12-09T10:29:18","modified_gmt":"2021-12-09T09:29:18","slug":"3-minutes-to-understand-pwas","status":"publish","type":"post","link":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/","title":{"rendered":"3 minutes to understand PWAs"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_post_title date_format=&#8221;j M Y&#8221; comments=&#8221;off&#8221; featured_placement=&#8221;background&#8221; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; title_text_color=&#8221;#FFFFFF&#8221; meta_text_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;off&#8221; background_image=&#8221;https:\/\/resourcelab.fr\/wp-content\/uploads\/2021\/10\/pwa-header-scaled.jpg&#8221; custom_padding=&#8221;10rem||10rem||true|false&#8221; title_font_size_tablet=&#8221;&#8221; title_font_size_phone=&#8221;30px&#8221; title_font_size_last_edited=&#8221;on|phone&#8221; custom_css_after=&#8221;content:&#8221;;||position: absolute;||left: 0;||top: 0;||width: 100%;||height: 100%;||background-color: rgba(51,51,51,0.55)&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_post_title][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.10.8&#8243; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;4rem||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span style=\"color: #1b3e8f\">The PWA, an implementation with great potential<\/span><\/h2>\n<p><span style=\"font-weight: 400\">In recent years, PWAs have increased in notoriety. At a time when Google is pushing to improve the user experience even more, this type of application has many advantages that should not be missed. In addition to being much easier to develop than a classic application, <strong>it has many advantages<\/strong> . Briefly find out what you need to know about PWAs and what their benefits are.<\/span>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; header_font=&#8221;||||||||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; custom_margin=&#8221;|0px||0px|false|true&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><span style=\"color: #1b3e8f\"><strong>What is a PWA?<\/strong><\/span><\/h2>\n<p>A PWA is <strong>a version of a website optimized and tailored to resemble a native mobile application<\/strong> . It is developed in the same way as a website, in HTML, CSS and JavaScript but can function as a mobile application.<\/p>\n<p>This version of the site or web application offers additional features such as:<\/p>\n<ul>\n<li>a site shortcut directly on the home screen<\/li>\n<li>receive notifications from the site<\/li>\n<li>access phone features (camera, geolocation, microphone, etc.)<\/li>\n<li>access to the site even offline<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/resourcelab.fr\/wp-content\/uploads\/2021\/10\/pwa-1-scaled.jpg&#8221; alt=&#8221;progressive web app&#8221; title_text=&#8221;What is a PWA?&#8221; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; text_font_size=&#8221;15px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><em>Photo credit: Adobe Stock. All rights reserved<\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;15px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span style=\"color: #1b3e8f\"><strong>PWA, what are the advantages?<\/strong><\/span><\/h2>\n<p><span style=\"font-weight: 400\">Google&#8217;s controls implemented on Lighthouse give good clues as to the many advantages of implementing a PWA on its site:<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||||false|true&#8221; custom_padding=&#8221;0px|0px|0px|0px|true|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(242,200,81,0.2)&#8221; custom_margin=&#8221;0px|0px|3rem|0px|false|true&#8221; custom_padding=&#8221;2rem|2rem|2rem|2rem|true|true&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><b>Connection independence<\/b><\/p>\n<p><span style=\"font-weight: 400\">Thanks to the cache management through the use of a Service Worker, once the content is loaded for the first time, it is possible to consult it even in areas with weak network connection.<\/span><span style=\"font-size: 20px\"> <\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(242,200,81,0.2)&#8221; custom_margin=&#8221;0px|0px|3rem|0px|false|true&#8221; custom_padding=&#8221;2rem|2rem|2rem|2rem|true|true&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><b>Engaging<\/b><\/p>\n<p><span style=\"font-weight: 400\">The PWA offers an immersive full-screen UX (user experience) and easy re-engagement thanks to the sending of web push notifications.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(242,200,81,0.2)&#8221; custom_margin=&#8221;0px|0px|3rem|0px|false|true&#8221; custom_padding=&#8221;2rem|2rem|2rem|2rem|true|true&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><b>Secure<\/b><\/p>\n<p><span style=\"font-weight: 400\">They are reliable and secure.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(242,200,81,0.2)&#8221; custom_margin=&#8221;0px|0px|3rem|0px|false|true&#8221; custom_padding=&#8221;2rem|2rem|2rem|2rem|true|true&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><b>Progressive<\/b><\/p>\n<p><span style=\"font-weight: 400\">Progressive web apps work on any device by integrating the available functionality of the browser and the device being used.<\/span><span style=\"font-weight: 400\"><\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(242,200,81,0.2)&#8221; custom_margin=&#8221;0px|0px|3rem|0px|false|true&#8221; custom_padding=&#8221;2rem|2rem|2rem|2rem|true|true&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><b>Installable<\/b><\/p>\n<p><span style=\"font-weight: 400\">This type of application allows installation on a mobile device, with a home screen and a shortcut.<\/span><span style=\"font-weight: 400\"><\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(242,200,81,0.2)&#8221; custom_margin=&#8221;0px|0px|3rem|0px|false|true&#8221; custom_padding=&#8221;2rem|2rem|2rem|2rem|true|true&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><b>Accessible<\/b><\/p>\n<p><span style=\"font-weight: 400\">PWAs follow best practices for optimal accessibility.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(242,200,81,0.2)&#8221; custom_margin=&#8221;0px|0px|3rem|0px|false|true&#8221; custom_padding=&#8221;2rem|2rem|2rem|2rem|true|true&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><b>SEO optimized<\/b><\/p>\n<p><span style=\"font-weight: 400\">Although having all the advantages of a native application, PWAs can be listed on search engines just like a regular website.<\/span><span style=\"font-weight: 400\"><\/span><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(242,200,81,0.2)&#8221; custom_margin=&#8221;0px|0px|3rem|0px|false|true&#8221; custom_padding=&#8221;2rem|2rem|2rem|2rem|true|true&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><b>Speed<\/b><\/p>\n<p><span style=\"font-weight: 400\">Once the site is loaded, navigation is fast and smooth. In addition, the progressive web application is optimized for low connections or offline.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||1rem||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span style=\"font-weight: 400\">Finally, <strong>a PWA is a hybrid between a classic website and a mobile application<\/strong> . It combines the advantages of the functionality of modern web browsers with those of mobile phone applications without certain disadvantages.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; custom_margin=&#8221;||||false|false&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span style=\"color: #1b3e8f\">Should I implement a PWA on my site?<\/span><\/h2>\n<p><a href=\"https:\/\/fr.followanalytics.com\/blog\/applications-natives-vs-pwa-comment-choisir\/\">The choice between a native application or a PWA<\/a> will depend a lot on the projects, each of the options has its advantages and disadvantages.<\/p>\n<p>If you want to improve the UX of your site as well as its performance, setting up a PWA is an interesting solution in addition to the speed of deployment.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_post_nav in_same_term=&#8221;on&#8221; taxonomy_name=&#8221;category&#8221; _builder_version=&#8221;4.10.8&#8243; title_font=&#8221;||||||||&#8221; title_text_color=&#8221;#EE4843&#8243; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;15px|32px|15px|32px|false|false&#8221; border_radii=&#8221;on|50px|50px|50px|50px&#8221; border_width_all=&#8221;2px&#8221; border_color_all=&#8221;#ef4b54&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The PWA, an implementation with great potential In recent years, PWAs have increased in notoriety. At a time when Google is pushing to improve the user experience even more, this type of application has many advantages that should not be missed. In addition to being much easier to develop than a classic application, it has many advantages . Briefly find out what you need to know about PWAs and what their benefits are.What is a PWA? A PWA is a version of a website optimized and tailored to resemble a native mobile application . It is developed in the same way as a website, in HTML, CSS and JavaScript but can function as a mobile application. This version of the site or web application offers additional features such as: a site shortcut directly on the home screen receive notifications from the site access phone features (camera, geolocation, microphone, etc.) access to the site even offline Photo credit: Adobe Stock. All rights reservedPWA, what are the advantages? Google&#8217;s controls implemented on Lighthouse give good clues as to the many advantages of implementing a PWA on its site:Connection independence Thanks to the cache management through the use of a Service Worker, once [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":224689,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[934,945],"tags":[],"class_list":["post-224320","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technologie","category-technology"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Discover PWAs: 3 minutes to understand them<\/title>\n<meta name=\"description\" content=\"Quickly learn what you need to know about the Progressive Web App. Understand PWAs in just 3 minutes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Discover PWAs: 3 minutes to understand them\" \/>\n<meta property=\"og:description\" content=\"Quickly learn what you need to know about the Progressive Web App. Understand PWAs in just 3 minutes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/\" \/>\n<meta property=\"og:site_name\" content=\"Resource Lab\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-09T09:27:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-09T09:29:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/resourcelab.fr\/wp-content\/uploads\/2022\/10\/pwa-c-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2880\" \/>\n\t<meta property=\"og:image:height\" content=\"2065\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Resource Lab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Discover PWAs: 3 minutes to understand them\" \/>\n<meta name=\"twitter:description\" content=\"Quickly learn what you need to know about the Progressive Web App. Understand PWAs in just 3 minutes.\" \/>\n<meta name=\"twitter:creator\" content=\"@ResourceLab\" \/>\n<meta name=\"twitter:site\" content=\"@ResourceLab\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Resource Lab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Discover PWAs: 3 minutes to understand them","description":"Quickly learn what you need to know about the Progressive Web App. Understand PWAs in just 3 minutes.","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:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/","og_locale":"en_GB","og_type":"article","og_title":"Discover PWAs: 3 minutes to understand them","og_description":"Quickly learn what you need to know about the Progressive Web App. Understand PWAs in just 3 minutes.","og_url":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/","og_site_name":"Resource Lab","article_published_time":"2021-12-09T09:27:00+00:00","article_modified_time":"2021-12-09T09:29:18+00:00","og_image":[{"width":2880,"height":2065,"url":"https:\/\/resourcelab.fr\/wp-content\/uploads\/2022\/10\/pwa-c-scaled.jpg","type":"image\/jpeg"}],"author":"Resource Lab","twitter_card":"summary_large_image","twitter_title":"Discover PWAs: 3 minutes to understand them","twitter_description":"Quickly learn what you need to know about the Progressive Web App. Understand PWAs in just 3 minutes.","twitter_creator":"@ResourceLab","twitter_site":"@ResourceLab","twitter_misc":{"Written by":"Resource Lab","Estimated reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/#article","isPartOf":{"@id":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/"},"author":{"name":"Resource Lab","@id":"https:\/\/resourcelab.fr\/en\/#\/schema\/person\/b8580d43834a858a357164f4be8ccd5c"},"headline":"3 minutes to understand PWAs","datePublished":"2021-12-09T09:27:00+00:00","dateModified":"2021-12-09T09:29:18+00:00","mainEntityOfPage":{"@id":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/"},"wordCount":1627,"publisher":{"@id":"https:\/\/resourcelab.fr\/en\/#organization"},"image":{"@id":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/#primaryimage"},"thumbnailUrl":"https:\/\/resourcelab.fr\/wp-content\/uploads\/2022\/10\/pwa-c-scaled.jpg","articleSection":["Technologie","Technology"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/","url":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/","name":"Discover PWAs: 3 minutes to understand them","isPartOf":{"@id":"https:\/\/resourcelab.fr\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/#primaryimage"},"image":{"@id":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/#primaryimage"},"thumbnailUrl":"https:\/\/resourcelab.fr\/wp-content\/uploads\/2022\/10\/pwa-c-scaled.jpg","datePublished":"2021-12-09T09:27:00+00:00","dateModified":"2021-12-09T09:29:18+00:00","description":"Quickly learn what you need to know about the Progressive Web App. Understand PWAs in just 3 minutes.","breadcrumb":{"@id":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/#primaryimage","url":"https:\/\/resourcelab.fr\/wp-content\/uploads\/2022\/10\/pwa-c-scaled.jpg","contentUrl":"https:\/\/resourcelab.fr\/wp-content\/uploads\/2022\/10\/pwa-c-scaled.jpg","width":2880,"height":2065,"caption":"PWA"},{"@type":"BreadcrumbList","@id":"https:\/\/resourcelab.fr\/en\/3-minutes-to-understand-pwas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/resourcelab.fr\/en\/"},{"@type":"ListItem","position":2,"name":"3 minutes to understand PWAs"}]},{"@type":"WebSite","@id":"https:\/\/resourcelab.fr\/en\/#website","url":"https:\/\/resourcelab.fr\/en\/","name":"Resource Lab","description":"Sites carri\u00e8re d&#039;exception","publisher":{"@id":"https:\/\/resourcelab.fr\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/resourcelab.fr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/resourcelab.fr\/en\/#organization","name":"ResourceLab","url":"https:\/\/resourcelab.fr\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/resourcelab.fr\/en\/#\/schema\/logo\/image\/","url":"https:\/\/resourcelab.fr\/wp-content\/uploads\/2021\/08\/resourcelab-logo-2021-02.png","contentUrl":"https:\/\/resourcelab.fr\/wp-content\/uploads\/2021\/08\/resourcelab-logo-2021-02.png","width":799,"height":738,"caption":"ResourceLab"},"image":{"@id":"https:\/\/resourcelab.fr\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ResourceLab","https:\/\/www.linkedin.com\/company\/resource-lab\/"]},{"@type":"Person","@id":"https:\/\/resourcelab.fr\/en\/#\/schema\/person\/b8580d43834a858a357164f4be8ccd5c","name":"Resource Lab","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/9663ec8af15fc29733f61d31d3e69eb4b2b456cd1f392495a87823c7d466e643?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9663ec8af15fc29733f61d31d3e69eb4b2b456cd1f392495a87823c7d466e643?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9663ec8af15fc29733f61d31d3e69eb4b2b456cd1f392495a87823c7d466e643?s=96&r=g","caption":"Resource Lab"},"url":"https:\/\/resourcelab.fr\/en\/author\/adminresource161\/"}]}},"_links":{"self":[{"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/posts\/224320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/comments?post=224320"}],"version-history":[{"count":5,"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/posts\/224320\/revisions"}],"predecessor-version":[{"id":224327,"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/posts\/224320\/revisions\/224327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/media\/224689"}],"wp:attachment":[{"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/media?parent=224320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/categories?post=224320"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/resourcelab.fr\/en\/wp-json\/wp\/v2\/tags?post=224320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}