Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Query metrics: Chapter 4. Media #85

Closed
18 of 20 tasks
rviscomi opened this issue Jul 23, 2019 · 5 comments
Closed
18 of 20 tasks

Query metrics: Chapter 4. Media #85

rviscomi opened this issue Jul 23, 2019 · 5 comments
Assignees
@colinbendell
Labels
analysis Querying the dataset
Projects
Web Almanac 2019
Milestone
Content written

Comments

@rviscomi
Copy link
Member

rviscomi commented Jul 23, 2019 •
edited
Loading

Part Chapter Authors Reviewers Tracking Issue
I. Page Content 4. Media @dougsillars @colinbendell @Yonet @ahmadawais @kornelski #6

READ ME!

All of the metrics in the table below have been marked as Able To Query during the metrics triage. The analyst assigned to each metric is expected to write the corresponding query and submit a PR to have it reviewed and added to the repo.

In order to stay on schedule and have the data ready for authors, please have all metrics reviewed and merged by August 5.

Assignments

ID Metric description Analyst Notes
04.01 Lighthouse data on responsiveness, format, quality, lazy loading @dougsillars  
04.02 adoption of newer image formats like WebP @dougsillars  
04.03 SVG @dougsillars we should look a inline svgs in responses in addition to explicit responses
04.04 Inline versus external sources (from css or otherwise) @dougsillars see above
04.05 Microdata usage (og:image, twitter:image, etc) @dougsillars  
04.06 Use of <source sizes> @dougsillars  
04.07 Preloader effectiveness (initiator Source: javascript, css, vanilla-html) @dougsillars Im sure we can query how many are preloaded, and the source of the preload (and compare to other objects being preloaded, but how would we measure 'effectiveness'
04.08 Fallback image support for legacy devices that don’t support <picture> or <srcset> @dougsillars  
04.09 Accept-CH in <meta> or http @dougsillars  
04.11 Bytes per pixel for photographic @dougsillars will require h&w of each image to get pixel count.. While we are at it - could we get the size it is rendered on the page too - image sizing effectiveness? natural height and intrinsic height (and widths)
04.12 Use of Vary (Either User-Agent or Accept) @dougsillars  
04.13 A11y: Support for Alt tags @dougsillars  
04.14 TCP/TLS connection time delay (use of preconnect for cross origin hosts) @dougsillars We have DNS lookup data for each file... Can look for cross origin images, with and without preconnect
04.15 MP4 sizes, streaming info @dougsillars Sizes in MB is feasible. Dimensions would require custom metric. (combine with the image dimensions??)
04.16 how many pages are self-serving video (not YouTube) @dougsillars  
04.17 JS player size, @dougsillars  
04.19 Use of posters, autoplay, fallback image @dougsillars  
04.20 A11y: Support for description or fig @dougsillars  
04.21 how many pages include a large "hero" graphic above the fold? @dougsillars _heroElementTimes.Image
04.25 WebXR @dougsillars we can query for a-frame or other XR libraries on a page. This will be a very small number of sites

Checklist of metrics to be merged

  • 04.01 Lighthouse data on responsiveness, format, quality, lazy loading
  • 04.02 adoption of newer image formats like WebP
  • 04.03 SVG
  • 04.04 Inline versus external sources (from css or otherwise)
  • 04.05 Microdata usage (og:image, twitter:image, etc)
  • 04.06 Use of <source sizes>
  • 04.07 Preloader effectiveness (initiator Source: javascript, css, vanilla-html)
  • 04.08 Fallback image support for legacy devices that don’t support <picture> or <srcset>
  • 04.09 Accept-CH in <meta> or http
  • 04.11 Bytes per pixel for photographic
  • 04.12 Use of Vary (Either User-Agent or Accept)
  • 04.13 A11y: Support for Alt tags
  • 04.14 TCP/TLS connection time delay (use of preconnect for cross origin hosts)
  • 04.15 MP4 sizes, streaming info
  • 04.16 how many pages are self-serving video (not YouTube)
  • 04.17 JS player size,
  • 04.19 Use of posters, autoplay, fallback image
  • 04.20 A11y: Support for description or fig
  • 04.21 how many pages include a large "hero" graphic above the fold?
  • 04.25 WebXR
@rviscomi rviscomi added the analysis Querying the dataset label Jul 23, 2019
@rviscomi rviscomi added this to the Content written milestone Jul 23, 2019
@rviscomi rviscomi added this to TODO in Web Almanac 2019 via automation Jul 23, 2019
@rviscomi rviscomi mentioned this issue Jul 23, 2019
Closed
@dougsillars
Copy link
Contributor

pull request 1 in.
still missing
04_05
04_07
04_11
04_14
04_21

@dougsillars dougsillars mentioned this issue Jul 25, 2019
Merged
@rviscomi
Copy link
Member Author

rviscomi commented Jul 26, 2019 •
edited
Loading

What's up with 04.06? Did I lose something during copy/paste?

Edit: Aha, GitHub hides unescaped markup eg <img> 😄

@rviscomi rviscomi moved this from TODO to In Progress in Web Almanac 2019 Aug 27, 2019
@rviscomi rviscomi added the ASAP This issue is blocking progress label Sep 4, 2019
This was referenced Sep 20, 2019
Merged
Closed
Web Almanac 2019 automation moved this from In Progress to Done Sep 26, 2019
@rviscomi rviscomi removed the ASAP This issue is blocking progress label Sep 26, 2019
@colinbendell
Copy link

I have updates to the queries that show dramatically different results.

@colinbendell colinbendell reopened this Oct 19, 2019
Web Almanac 2019 automation moved this from Done to In Progress Oct 19, 2019
@rviscomi
Copy link
Member Author

rviscomi commented Oct 19, 2019 via email

@rviscomi rviscomi mentioned this issue Oct 21, 2019
Closed
@rviscomi
Copy link
Member Author

Hey @colinbendell could you file a PR for any outstanding queries? Then we can close this out. (Same for CDN)

rviscomi pushed a commit that referenced this issue Oct 29, 2019
@rviscomi
Media stats update for #85 (#240)
75d9f77 
* update 14_06 14_09

* Overhauled the filetype association to fix WPO's detection
* Added filetype mapping per page
* Added filtetype overall breakdown

* Update lighthouse queries to use the resource-summary details for comparison

* remove KB rounding out of the query (to limit confusion between KB and KiB later on)

* Update lighthouse, mimetype frequency, rwd usage, and pixel volume

* add image optimization impact
Web Almanac 2019 automation moved this from In Progress to Done Oct 30, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@colinbendell colinbendell

Labels
analysis Querying the dataset
Projects
No open projects
Web Almanac 2019
  
Done
Milestone
Content written
Development

No branches or pull requests
3 participants
@rviscomi @dougsillars @colinbendell