Page MenuHomePhabricator

Story idea for Blog: Web platform performance case study: preview popups
Closed, ResolvedPublic

Description

Please provide the following information.

  • Summary:

Performance case study: preview popups.
What's missing in the web platform to make a common feature like MediaWiki's preview popups easier to author in a performant way.

  • Which topic type does your blog post fall under?

Something I learned | Something that worked well

  • What audience or audiences do you think your post is appropriate for:

Any web developer interested in a different angle about performance and the web.
People who work on browsers and standards.

  • Will you need assistance with writing your blog post?

Yes please.

  • Does your post need to be published by a certain date?

No

  • Do you have any other questions or comments?

No

Draft GoogleDoc link: https://docs.google.com/document/d/1CiREoaTAvGGNWA1mXMogbAuxnC4i_bW8bhAOCQfi-AE/edit?usp=sharing

Event Timeline

Nomsterio renamed this task from Story idea for Blog: ADD YOUR SUMMARY HERE to Story idea for Blog: Web platform performance case study: preview popups.Nov 4 2020, 8:46 AM

Thanks, @Nomsterio! I will take a look at the draft and share comments and suggestions.

Note: For your awareness, I will be out on vacation next week and won't be posting to the blog until the following week: 16-20 November.

@Nomsterio I took a first pass at this. Please don't be discouraged by the number of edits/suggestions. :-) The post is good and super-informative! It just needed a little more organizational structure. I made some additions and some obvious edits and would like you to go through and accept or decline my suggestions. After it will need some wordsmithing and editing, but I'd like to see what it looks like with the adjusted organizational structure.

@Nomsterio I took a first pass at this. Please don't be discouraged by the number of edits/suggestions. :-) The post is good and super-informative! It just needed a little more organizational structure. I made some additions and some obvious edits and would like you to go through and accept or decline my suggestions. After it will need some wordsmithing and editing, but I'd like to see what it looks like with the adjusted organizational structure.

Thanks for all the love you're putting into this! It's the opposite of discouraging. I'll go through the suggestions shortly.

@Nomsterio I went through and made some additional suggestions. Once you accept them, I think this will be very close to done!

Would you mind uploading the images to Commons and sharing the links with me? Also, do you have an image in mind for the "Featured Image" that will appear at the top of the page?

@Nomsterio I saw that you accepted changes on the doc -- If you feel this is ready, I can move it over to the blog to post early next week. Let me know.

One idea, for the featured image we could use the big version of the Sloth/Anteater photo: https://commons.wikimedia.org/wiki/File:Myresluger2.jpg

As a total aside, I ended up falling down a Wikipedia rabbit-hole and learning all about the Xenarthra family of animals. I didn't know sloths and anteaters were related before reading this post!

@Nomsterio I saw that you accepted changes on the doc -- If you feel this is ready, I can move it over to the blog to post early next week. Let me know.

Yes, let's move forward!

One idea, for the featured image we could use the big version of the Sloth/Anteater photo: https://commons.wikimedia.org/wiki/File:Myresluger2.jpg

Good idea!

As a total aside, I ended up falling down a Wikipedia rabbit-hole and learning all about the Xenarthra family of animals. I didn't know sloths and anteaters were related before reading this post!

Hehe yes it's an interesting fact I also didn't know :)
Could be a good ending to the article

Perfect! I'm moving this over to the blog for formatting and plan on posting on Monday 23 November! I Will let you know once it is published!

@Nomsterio Hi Noam! I just published this: https://techblog.wikimedia.org/2020/11/23/web-performance-case-study-wikimedia-preview-popups/

Before I send out announcements on Twitter will you take a look over this and let me know if you see anything that needs to be changed or fixed?

@srodlund one thing that might need to get fixed, title included, is that product refers to this feature as "Page previews". That's the name of the product, if you will, which is different than the name of the MediaWiki extension.

Okay, I switched this back to draft for now, because that seems like a big-ish issue.

Would you prefer the title is "Web Performance Case Study: Wikimedia Page Previews?" And are there specific places in the piece we should change this?

The code base is called "Popups" (or "Popups extension for MediaWiki"). The feature is labelled and documented toward end-users as "Page Previews". The issue was with the phrase "Preview popups" which was neither.

These are specific to Wikipedia currently, so we could also use "Web performance case study: Wikipedia Page Previews", if we want to.

I just went through the post and did a search and replace for "Page previews" and changed it to "Wikipedia page previews" including in the title. Do you feel this resolves the issue?

@srodlund it does! I've fixed the article's slug as well, to match the new title. You can go ahead and re-publish it. Thanks!

Gilles claimed this task.

I've edited the post just now (specifically the image credits) to unlink the figures from Commons since they're not hotlinked anyway and were nominated for deletion on Commons due to possibly being out of project scope for it (and would then turn 404).

For the first screenshot, which contains the photo and large readable parts of the article text, I've also replaced the caption with the updated attribution that Commons editors have placed on the file's description there - to comply with the relevant licenses and attribution for the article.