Best way to include custom JavaScript in AMP

by

The whole point of AMP is to only allow a subset of web technologies to stop your page being slow.

Javascript is often the cause of slow websites and so AMP pages do not allow them (except for the AMP scripts themselves), though they’ve tried to fill in the gap this leaves with amp components which are specially written to not be slow.

So if you want to use Javascript you’ve several choices:

  1. Don’t use AMP. Nobody is forcing this on you.
  2. Remove the script tag from your amp document and live without that functionality.
  3. Find an amp-component which does the same as your JavaScript and use that instead. Not having a clue what legaltext.js I would guess by the name it displays some legal text like a cookie notice so maybe the amp-user-notification widget would work instead?
  4. Use your Javascript in an amp iframe. These are allowed in amp pages but will presumable be loaded with a lower priority to ensure they don’t slow down the main page.

More Related Contents:

  1. “Uncaught SyntaxError: Unexpected token , ” when create my object javascript
  2. What is the difference between null and undefined in JavaScript?
  3. How to dynamically create CSS class in JavaScript and apply?
  4. Difference between DOMContentLoaded and load events
  5. ReactJS – Does render get called any time “setState” is called?
  6. Pick random property from a Javascript object
  7. Difference between defer().promise and Promise
  8. How to run two jQuery animations simultaneously?
  9. Setting query string using Fetch GET request
  10. Do you ever need to specify ‘javascript:’ in an onclick?
  11. Validate that a string is a positive integer
  12. typescript – cloning object
  13. How to have jQuery restrict file types on upload?
  14. What is the $$ (double dollar sign) used for in angular?
  15. Displaying pdf from arraybuffer
  16. How to generate range of numbers from 0 to n in ES2015 only?
  17. What does ‘x packages are looking for funding’ mean when running `npm install`?
  18. In JavaScript, does using await inside a loop block the loop?
  19. Filter list with Vue.js
  20. Why is `.catch(err => console.error(err))` discouraged?
  21. How do I extract even elements of an Array?
  22. How does (A == B == C) comparison work in JavaScript?
  23. Example of a circular reference in Javascript?
  24. Cancel single image request in html5 browsers
  25. How to iterate through property names of Javascript object?
  26. how to get the base url in javascript
  27. Express: Setting content-type based on path/file?
  28. How to Bootstrap navbar static to fixed on scroll?
  29. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  30. Javascript: convert a (hex) signed integer to a javascript value

Leave a Comment