Hacker News Reader

Comment by hadrien01 | Hacker News Reader

Yup. This snippet adds a css animation to make the page white for 8s, and it's stopped by Google's JS or the browser's noscript (which you don't enable if you only block Google's JS and not the domain JS):

https://amp.dev/fr/documentation/guides-and-tutorials/learn/...

View on HN

Insane. Google has lost all credibility.

So, is there a way that I can block this tag somehow and drop it during the load time?

You can add a Stylus stylesheet enabled for the regex .[star]amp.[star] (replace [star] with the star symbol) that contains body{animation:none}, but I don't know if that's good for performance.

Edit: Developers can also add that css in their amp style, and it seems to be accepted by the amp validator. AMP devs, you know what to do! ;)

Btw you can begin a line with two spaces for code formatting:

  .*amp.*

Go for this on all pages instead:

  html[\26a1] body, html[amp] body {
    animation: none;
  }

(I wrote \26a1 because HN doesn’t allow the literal U+26A1 character.)

That way it applies to all AMP pages, regardless of their URL, and doesn’t clobber any other pages (though I can’t actually imagine any genuine animation on a body element).

Works perfectly, thank you!

I took the liberty to put it on userstyles.org for one-click install: https://userstyles.org/styles/171953/disable-amp-blank-loadi...

Reply on news.ycombinator.com