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.

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

Finalize assignments: Chapter 4. Media #6

Closed
3 tasks done
rviscomi opened this issue May 20, 2019 · 23 comments
Closed
3 tasks done

Finalize assignments: Chapter 4. Media #6

rviscomi opened this issue May 20, 2019 · 23 comments

Comments

@rviscomi
Copy link
Member

rviscomi commented May 20, 2019

Section Chapter Coauthors Reviewers
I. Page Content 4. Media @dougsillars @colinbendell @Yonet @ahmadawais @kornelski

Due date: To help us stay on schedule, please complete the action items in this issue by June 3.

To do:

  • Assign subject matter experts (coauthors)
  • Finalize peer reviewers
  • Finalize metrics

Current list of metrics:

  • Image formats
    • Lighthouse data on responsiveness, format, quality, lazy loading
    • adoption of newer image formats like WebP
    • SVG
      • Inline versus external sources (from css or otherwise)
      • comments volume v. total bytes
      • SVGO comparison
    • Microdata usage (og:image, twitter:image, etc)
    • Use of <source sizes>
    • Preloader effectiveness (initiator Source: javascript, css, vanilla-html)
    • Fallback image support for legacy devices that don’t support <picture> or <srcset>
    • Accept-CH in <meta> vs http
    • Photographic v. illustration score per pixel
    • Bytes per pixel for photographic
    • Use of Vary (Either User-Agent or Accept)
    • A11y: Support for Alt tags
    • TCP/TLS connection time delay (use of preconnect for cross origin hosts)
    • inlined / base64 image content
  • Video formats
    • MP4 sizes, streaming info
    • how many pages are self-serving video (not YouTube)
    • JS player size,
    • container options (mp4;hevc, v. mp4;avc1 v. webm:vp9, wbem;vp8)
    • Use of posters, autoplay, fallback image
    • A11y: Support for description or fig
  • Hero media
    • how many pages include a large "hero" graphic above the fold?
    • Same or different microdata hero images
    • Orientation and pixel volume of hero images
    • Hero video usage
  • Emerging media

👉AI (coauthors): Assign peer reviewers. These are trusted experts who can support you when brainstorming metrics, interpreting results, and writing the report. Ideally this chapter will have 2 or more reviewers who can promote a diversity of perspectives.

👉 AI (coauthors): Finalize which metrics you might like to include in an annual "state of web media" report powered by HTTP Archive. Community contributors have initially sketched out a few ideas to get the ball rolling, but it's up to you, the subject matter experts, to know exactly which metrics we should be looking at. You can use the brainstorming doc to explore ideas.

The metrics should paint a holistic, data-driven picture of the web image/video landscape. The HTTP Archive does have its limitations and blind spots, so if there are metrics out of scope it's still good to identify them now during the brainstorming phase. We can make a note of them in the final report so readers understand why they're not discussed and the HTTP Archive team can make an effort to improve our telemetry for next year's Almanac.

Next steps: Over the next couple of months analysts will write the queries and generate the results, then hand everything off to you to write up your interpretation of the data.

Additional resources:

@rviscomi
Copy link
Member Author

Added @ahmadawais as a reviewer. Thanks Ahmad!

@ahmadawais
Copy link
Member

ahmadawais commented May 21, 2019

Awesome! @rviscomi looking forward to helping. :)

@rviscomi rviscomi transferred this issue from HTTPArchive/httparchive.org May 21, 2019
@rviscomi rviscomi added this to the Chapter planning complete milestone May 21, 2019
@rviscomi rviscomi added this to TODO in Web Almanac 2019 via automation May 21, 2019
@rviscomi rviscomi changed the title [Web Almanac] Finalize assignments: Chapter 4. Media Finalize assignments: Chapter 4. Media May 21, 2019
@rviscomi rviscomi moved this from TODO to In Progress in Web Almanac 2019 May 21, 2019
@rviscomi
Copy link
Member Author

@Yonet is interested in writing about WebXR. I think that could fit as a subsection of this chapter. @colinbendell @dougsillars @ahmadawais how does that sound?

Not sure what kind of stats we'd be able to extract from HTTP Archive about XR but nonetheless I'm excited to include it as a topic for discussion/exploration. @Yonet what stats/metrics would be representative of "the state of WebXR"? If our dataset can't directly answer those questions we could always cite the data from outside sources.

@colinbendell
Copy link

colinbendell commented May 23, 2019 via email

@rviscomi
Copy link
Member Author

I do think adoption will be low. Not even sure how to detect it, I'll defer to @Yonet for that. As for how to organize it, I think it could fit in this chapter as a self-contained subsection. I'd prefer keeping it under the "Media" heading than something else that is more miscellaneous.

@colinbendell
Copy link

colinbendell commented May 23, 2019 via email

@dougsillars
Copy link
Contributor

I agree that this will be a VERY low number in HTTP Archive data. I like the idea of "emerging media" as a section.. we could put XR, and perhaps other ideas there too.

As for detection - I know A-Frame - are there other libraries? There are 42 sites in April 2019 mobile that reference "aframe.min.js" A small subset, but an interesting one.

@rviscomi
Copy link
Member Author

@dougsillars @colinbendell is your idea to have "Emerging" as a section in the Media chapter, or to create a new chapter?

@Yonet, also curious to hear your thoughts on detection and organization.

@colinbendell
Copy link

colinbendell commented May 24, 2019 via email

@rviscomi
Copy link
Member Author

Ah. It's emulated. Does that preclude us from detecting it, or just make it harder?

@colinbendell
Copy link

colinbendell commented May 24, 2019 via email

@kornelski
Copy link

👋

@rviscomi
Copy link
Member Author

Hey @kornelski, would you be interested in reviewing this chapter?

@Yonet
Copy link

Yonet commented May 31, 2019

@rviscomi I think "Emerging" section makes sense since you still have to turn on experimental flags to be able to use WebXR.

@rviscomi
Copy link
Member Author

Agreed. What stats would you want to use to summarize the state of XR?

@kornelski
Copy link

@rviscomi Yes, if you have any questions about images/compression/optimization I'm happy to help.

@rviscomi
Copy link
Member Author

rviscomi commented Jun 3, 2019

Thanks @kornelski, I've added you as a reviewer and sent you an invitation to join the Reviewers team.

@colinbendell @dougsillars @Yonet @kornelski @ahmadawais I've pulled in the list of metrics from the brainstorming doc and edited them into the first post of this issue. Please take a look and let us know what you'd change. Today is the last day to change metrics before we hand things off to the Data Analyst team.

@Yonet I still need a couple of things from you. Please go to https://github.com/HTTPArchive and accept the invitation to join the Authors team. This ensures that you get author-specific communications, I can assign issues to you, and you can edit issues like this one. After joining, please edit this issue to include any metrics you'd need to measure the state of WebXR. We don't have any metrics as of now.

@ahmadawais
Copy link
Member

@rviscomi everything looks on point 👍

Suggestion: Can we have a sub-category metric to see how websites use SVGs. Especially when it comes to tools like SVGO that optimize SVGs by removing comments and certain other stuff. Not sure if it's doable.

@rviscomi
Copy link
Member Author

rviscomi commented Jun 3, 2019

Sure, authors/reviewers are free to organize their chapter as they see fit. What metrics would you like to see in an SVG category? That would help us determine whether it's doable.

@ahmadawais
Copy link
Member

I'd like to be able to see how optimized SVGs are? Are there SVGs with hidden layers and raster images in them. Not sure how that would work, but doing a mass check against SVGs with rules like ones mentioned here with a SVGO could be a useful metric.

@Yonet
Copy link

Yonet commented Jun 4, 2019

@rviscomi thank you! I am looking to see what data I am able to get as far as adaption.

@colinbendell
Copy link

ok. I think we are good here with no shortage of metrics. @Yonet can you suggest which metrics you'd want to track?

Web Almanac 2019 automation moved this from In Progress to Done Jun 5, 2019
@rviscomi
Copy link
Member Author

rviscomi commented Jun 6, 2019

@Yonet any update on which WebXR metrics you'd like us to look at?

Thanks for the suggestion @ahmadawais, the SVGO metric was added to the list.

allemas added a commit that referenced this issue Mar 6, 2020
* start traduction

* process trad

* # This is a combination of 9 commits.
# This is the 1st commit message:

update

# The commit message #2 will be skipped:

# review

# The commit message #3 will be skipped:

# review #2

# The commit message #4 will be skipped:

# advance

# The commit message #5 will be skipped:

# update

# The commit message #6 will be skipped:

# update translation

# The commit message #7 will be skipped:

# update

# The commit message #8 will be skipped:

# update
#
# update

# The commit message #9 will be skipped:

# update

* First quick review

(typofixes, translating alternatives)

* Preserve original line numbers

    To facilitate the review of original text vs. translation side-by-side.

Also: microtypo fixes.

* Review => l338

* End of fine review

* Adding @allemas to translators

* Rename mise-en-cache to caching

* final updates

* update accessibility

* merge line

* Update src/content/fr/2019/caching.md

Co-Authored-By: Barry Pollard <barry_pollard@hotmail.com>

* Update src/content/fr/2019/caching.md

If it's not too much effort, could you also fix this in the English version as part of this PR as looks wrong there:

6% of requests have a time to time (TTL)

should be:

6% of requests have a Time to Live (TTL)

Co-Authored-By: Barry Pollard <barry_pollard@hotmail.com>

* Update src/content/fr/2019/caching.md

Do we need to state that all the directives are English language terms or is that overkill? If so need to check this doesn't mess up the markdown->HTML script.

Co-Authored-By: Barry Pollard <barry_pollard@hotmail.com>

Co-authored-by: Boris SCHAPIRA <borisschapira@gmail.com>
Co-authored-by: Barry Pollard <barry_pollard@hotmail.com>
tunetheweb added a commit that referenced this issue Mar 6, 2020
* start traduction

* process trad

* # This is a combination of 9 commits.
# This is the 1st commit message:

update

# The commit message #2 will be skipped:

# review

# The commit message #3 will be skipped:

# review #2

# The commit message #4 will be skipped:

# advance

# The commit message #5 will be skipped:

# update

# The commit message #6 will be skipped:

# update translation

# The commit message #7 will be skipped:

# update

# The commit message #8 will be skipped:

# update
#
# update

# The commit message #9 will be skipped:

# update

* First quick review

(typofixes, translating alternatives)

* Preserve original line numbers

    To facilitate the review of original text vs. translation side-by-side.

Also: microtypo fixes.

* Review => l338

* End of fine review

* Adding @allemas to translators

* Rename mise-en-cache to caching

* final updates

* update accessibility

* merge line

* Update src/content/fr/2019/caching.md

Co-Authored-By: Barry Pollard <barry_pollard@hotmail.com>

* Update src/content/fr/2019/caching.md

If it's not too much effort, could you also fix this in the English version as part of this PR as looks wrong there:

6% of requests have a time to time (TTL)

should be:

6% of requests have a Time to Live (TTL)

Co-Authored-By: Barry Pollard <barry_pollard@hotmail.com>

* Update src/content/fr/2019/caching.md

Do we need to state that all the directives are English language terms or is that overkill? If so need to check this doesn't mess up the markdown->HTML script.

Co-Authored-By: Barry Pollard <barry_pollard@hotmail.com>

* generate caching content in french

* Update src/content/fr/2019/caching.md

Co-Authored-By: Barry Pollard <barry_pollard@hotmail.com>

* Update src/content/fr/2019/caching.md

Co-Authored-By: Barry Pollard <barry_pollard@hotmail.com>

Co-authored-by: Boris SCHAPIRA <borisschapira@gmail.com>
Co-authored-by: Barry Pollard <barry_pollard@hotmail.com>
@gregorywolf gregorywolf mentioned this issue Sep 12, 2020
17 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
No open projects
Development

No branches or pull requests

6 participants