Packt+ | Advance your knowledge in tech

0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

AMP: Building Accelerated Mobile Pages

You're reading from AMP: Building Accelerated Mobile Pages Create lightning-fast mobile pages by leveraging AMP technology

Product type Paperback

Published in Oct 2017

Publisher Packt

ISBN-13 9781786467317

Length 370 pages

Edition 1st Edition

Languages

JavaScript

Tools

AMP

Concepts

Web Design

Author (1):

Ruadhan O'Donoghue

View More author details

Table of Contents (17) Chapters

Preface

1. Ride the Lightning with AMP FREE CHAPTER

2. Building Your First AMP Page

3. Making an Impression - Layout and Page Design in AMP

4. Engaging Users with Interactive AMP Components

5. Building Rich Media Pages in AMP

6. Making Contact - Forms in AMP

7. Dynamic Content and Data-Driven Interaction

8. Programming in AMP - amp-bind

9. When AMP Is Not Enough - Enter the iframe

10. Ads and Analytics in AMP

11. AMP Deployment and Your Web Presence

12. AMP - Where It's At and Where It's Going

13. AMP Components

14. Actions and Events

15. amp-bind Whitelisted Functions

JavaScript whitelisted functions

16. amp-bind Permitted Attribute Bindings

Live content updates with <amp-live-list>

Another component for updating content dynamically is amp-live-list. Despite its similar name, it functions quite differently to amp-list. The main differences are as follows:

amp-live-list polls the source URL for new content at defined intervals, while amp-list performs a single fetch from a specified server endpoint
amp-live-list works with AMP-HTML pages, while amp-list deals with JSON data

Target use cases for amp-live-list include live blogs, breaking-news feeds, or any kind of live data that updates at intervals, such as sports scoreboards.

Note

Note that amp-live-list will request updates from the URL it was visited on. So if the page is served via the AMP Cache, then amp-live-list will request updates from the AMP Cache URL. In practice, this can mean slower updates than if being updated from the original URL, depending on how frequently the AMP Cache refreshes from your original page, and that depends at least in part on the caching headers...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at AU $24.99/month. Cancel anytime

Authors (1)

O'Donoghue

O'Donoghue

https://mobiforge.com/news-comment/google-amp-coming-to-your-search-results-early-next-year

See other products by O'Donoghue

Other recommended products

Related to this chapter

Rich Finelli trains you in the fine points of CSS and the techniques you need to work in the world of responsive, feature-rich web applications. Based on his bestselling Mastering CSS training video, you can now learn with Rich Finelli in this book! So, here Rich shares with you his skills in creating advanced layouts, and the critical CSS insights you need for responsive web designs, fonts, transitions, animations, and for using flexbox.

Oct 2017 17h 24m

Rich Finelli trains you in the fine points of CSS and the techniques you need to work in the world of responsive, feature-rich web applications. Based on his bestselling Mastering CSS training video, you can now learn with Rich Finelli in this book! So, here Rich shares with you his skills in creating advanced layouts, and the critical CSS insights you need for responsive web designs, fonts, transitions, animations, and for using flexbox.

Oct 2017 17h 24m

Rich Finelli trains you in the fine points of CSS and the techniques you need to work in the world of responsive, feature-rich web applications. Based on his bestselling Mastering CSS training video, you can now learn with Rich Finelli in this book! So, here Rich shares with you his skills in creating advanced layouts, and the critical CSS insights you need for responsive web designs, fonts, transitions, animations, and for using flexbox.

Oct 2017 17h 24m

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

This book addresses the challenges you face in making your websites responsive across all screen sizes, and trains you to resolve each of those obstacles by efficiently implementing the latest tools in HTML and CSS.

Apr 2020 13h 36m

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

This book addresses the challenges you face in making your websites responsive across all screen sizes, and trains you to resolve each of those obstacles by efficiently implementing the latest tools in HTML and CSS.

Apr 2020 13h 36m

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

This book addresses the challenges you face in making your websites responsive across all screen sizes, and trains you to resolve each of those obstacles by efficiently implementing the latest tools in HTML and CSS.

Apr 2020 13h 36m

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

This book addresses the challenges you face in making your websites responsive across all screen sizes, and trains you to resolve each of those obstacles by efficiently implementing the latest tools in HTML and CSS.

Apr 2020 13h 36m

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

This book addresses the challenges you face in making your websites responsive across all screen sizes, and trains you to resolve each of those obstacles by efficiently implementing the latest tools in HTML and CSS.

Apr 2020 13h 36m

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

This book addresses the challenges you face in making your websites responsive across all screen sizes, and trains you to resolve each of those obstacles by efficiently implementing the latest tools in HTML and CSS.

Apr 2020 13h 36m

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

This book addresses the challenges you face in making your websites responsive across all screen sizes, and trains you to resolve each of those obstacles by efficiently implementing the latest tools in HTML and CSS.

Apr 2020 13h 36m

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

This book addresses the challenges you face in making your websites responsive across all screen sizes, and trains you to resolve each of those obstacles by efficiently implementing the latest tools in HTML and CSS.

Apr 2020 13h 36m

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

This book addresses the challenges you face in making your websites responsive across all screen sizes, and trains you to resolve each of those obstacles by efficiently implementing the latest tools in HTML and CSS.

Apr 2020 13h 36m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m