Learn How to Develop the Next Generation of Applications for the Web
The average user visits more than 100 websites on their mobile device every month, and expectations for speed and quality higher than ever. These resources can help you supercharge your new or existing project with the next generation of web technologies in order to deliver fast, secure, and performant content to any screen.
Get started with...
Follow best practices
Move to HTTPSHTTPS allows users to securely connect to your website or app. Set up HTTPS to protect the integrity of your site, and the security of your users.
Optimize performanceUsers don’t have the patience to wait for sites that can’t deliver content quickly. Learn testing techniques and best practices to ensure that your sites and apps are optimized and performant.
Make it responsiveModern users live on phones, tablets and laptops; your apps and websites should do the same. Learn how to structure and code your content to look great on screens of any size.
Progressive Web Apps
Progressive Web Applications take advantage of new technologies to bring the best of mobile sites and native applications to users.
Progressive Web Apps are:
Flipkart triples time-on-site with Progressive Web App
Flipkart, India’s largest e-commerce site, decided to combine their web presence and native app into a Progressive Web Application that has resulted in a 70% increase in conversions.
We know that everyone needs to build mobile-first experiences. With Flipkart Lite, we’ve developed a powerful, technically-advanced web app that performs as well as our native app. We now feel we have the best of both worlds.
- Amar Nagaram, an Engineering Director at Flipkart.
AliExpress increases conversion by 104% with Progressive Web App
AliExpress, part of the Alibaba Group was looking for a way to provide their web users with the benefits of their app, such as performance, the ability to work offline and re-engage users. Their solution, a Progressive Web App.
After implementing their Progressive Web App, AliExpress saw their conversion rate rise by 45%. For new users, the increase was even higher, 104%. The new strategy delivered a much better experience. Users now visit twice as many pages per session, and time spent per session increased by 74%.
Accelerated Mobile Pages
The Accelerated Mobile Pages project provides a new standard, built on top of existing web technologies, to enable blazing-fast page rendering and content delivery.
AMP pages are all about:
- Speed - Pages load instantly which means more engagement.
- Openness - It works everywhere, cross platform.
- Control - It’s just HTML - you control how your content looks and feels.
AMP helps the Washington Post
AMP helps the Washington Post increase returning users from mobile search by 23%. The Post is focused on making their mobile content load as quickly as possible, because data shows that people abandon websites after just three seconds if the content doesn’t load quickly.
We are committed to improving speed across the board. If our site takes a long time to load, it doesn’t matter how great our journalism is, some people will leave the page before they see what’s there
- David Merrell, Senior Product Manager, The Washington Post
Pinterest loads 4x faster and uses 8x less data with AMP
Pinterest works best when content is relevant, fast and easy to access. With more than 80 percent of Pinners using Pinterest on mobile devices, they're servering a speedier version of their mobile web pages using Accelerated Mobile Pages (AMP).
In early tests, we found that AMP pages load four times faster and use eight times less data than traditional mobile-optimized pages. A better, faster mobile web is better for everyone, including users, platforms like Pinterest and publishers.
- Jon Parise, software engineer, Pinterest