Avoid :has selector in CSS. (#395)
This changes how section visibility is controlled.
All sections are still `display:none` by default.
Rather than becoming `display:block` when they match `:target`,
they now become `display:block` if their ID matches the value
of the root element's `data-visible-section` attribute - we hardcode
the four section names "home", "running", "summary" and "details".
This lets us default to the home section just by setting
`<html data-visible-section="home">` in index.html, and we
can avoid the `:has` selector.
Now Speedometer can run in older browsers which don't support `:has`.
3 files changed
tree: 3865d95fa555ce2c8c88e1751dc87df14c4ca302
-
.github/
-
resources/
-
tests/
-
.eslintignore
-
.eslintrc
-
.gitignore
-
.npmrc
-
.prettierignore
-
.prettierrc
-
about.html
-
babel.config.json
-
Development.md
-
Governance.md
-
index.html
-
instructions.html
-
InteractiveRunner.html
-
LICENSE
-
package-lock.json
-
package.json
-
README.md
-
Testing.md
README.md
What is Speedometer?
Speedometer is a benchmark for web browsers that measures Web application responsiveness by timing simulated user interactions on various workloads. Our primary goal is to make it reflect the real-world Web as much as possible. When a browser improves its score on the benchmark, actual users should benefit. In order to achieve this, it should:
- Test end-to-end user journeys instead of testing specific features in a tight loop. Each test should exercise the full set of what’s needed from the engine in order for a user to accomplish a task.
- Evolve over time, adapting to the present Web on a regular basis. This should be informed by current usage data, and by consensus about features which are important for engines to optimize to provide a consistent experience for users and site authors.
- Be accessible to the public and useful to browser engineers. It should run in every modern browser by visiting a normal web page. It should run relatively quickly, while providing enough test coverage to be reflective of the real-world Web.