Learn icon indicating copy to clipboard operation
Learn copied to clipboard

Basic performance optimization

Open digitalchild opened this issue 1 year ago β€’ 8 comments

Details

  • Content type (Online Workshop, Lesson, Course, Tutorial, or Lesson Plan):
  • Content title: Basic performance optimization
  • Topic description:
  • Audience (User, Developer, Designer, Contributor, etc.): User
  • Experience Level (Beginner, Intermediate, Advanced, Any): Intermediate

Learning Objectives

Related Resources and Other Notes

Automation Code

digitalchild avatar Mar 07 '24 03:03 digitalchild

//lesson

digitalchild avatar Mar 07 '24 03:03 digitalchild

Lesson Development Checklist

  • [ ] Gather any relevant links to Support, Docs, or related material
  • [ ] Description and Objectives finalized
  • [ ] Lesson created and announced to the team for review
  • [ ] Lesson reviewed
  • [ ] Lesson video submitted and published to WPTV
  • [ ] Lesson created on Learn.WordPress.org
  • [ ] Lesson video published to YouTube
  • [ ] Lesson on Learn.WordPress.org updated with YouTube video
  • [ ] Lesson published to Learn.WordPress.org

github-actions[bot] avatar Mar 07 '24 03:03 github-actions[bot]

Maybe mention some tools to track site performance like: -Google Pagespeed -GTMetrix -WebPageTest.org

gmt-2 avatar Mar 07 '24 06:03 gmt-2

I'd like to work on this one. (testing //assign)

ironnysh avatar May 08 '24 09:05 ironnysh

Hi @ironnysh, thanks for your interest in this issue!
If you have any questions, do not hesitate to ask them in our #training Slack channel.
Thank you for contributing!

github-actions[bot] avatar May 08 '24 09:05 github-actions[bot]

Hey @ironnysh, this issue is already assigned to @ironnysh.
A Faculty Administrator can also add you to the list of assignees or swap you with the current assignee. Or you can take a look at other unassigned issues we have.

github-actions[bot] avatar May 08 '24 09:05 github-actions[bot]

Hi @westnz, I noticed #855 was published in 2022.

Would it be okay to cover image optimization in this tutorial, too?

Unoptimized media is the biggest performance killer, and #855 is thorough but somewhat outdated.

ironnysh avatar May 08 '24 11:05 ironnysh

@ironnysh I think we should split the two as we don't want the video to be too long. In this lesson, we can say we will thoroughly cover image optimization in the next lesson. Could you please share what needs to be updated in #855 so I can work on that next?

westnz avatar May 08 '24 21:05 westnz

@westnz, I'll share an outline later today, just to make sure we're on the same page about what's considered "basic" πŸ˜„

ironnysh avatar May 27 '24 09:05 ironnysh

Well, technically this is for intermediate level WordPress users so we can remove the word basic?

westnz avatar May 27 '24 21:05 westnz

Hey @ironnysh πŸ‘‹ Can you please share an update on the script? πŸ˜ƒ

westnz avatar May 31 '24 04:05 westnz

Hi @westnz, the draft is ready in this doc.

~it's almost ready--I'll share the link during the weekend.~ I saw your comment about intermediate/basic, and decided to just go ahead and write it (skipping the outline). Should've updated the issue, sorry

ironnysh avatar May 31 '24 06:05 ironnysh

Perfect, thank you very much!!

Fantastic work as always! I have left one or two notes for consideration.

westnz avatar Jun 03 '24 22:06 westnz

Hi team, I would like to be involved in recording this video

ervanyuff avatar Jun 04 '24 04:06 ervanyuff

Thanks, @westnz! One open question left πŸ˜„

ironnysh avatar Jun 04 '24 18:06 ironnysh

I have shared the voice recording and script with @ervanyuff πŸš€

westnz avatar Jun 07 '24 03:06 westnz

Hey @ervanyuff Can you please confirm when this lesson will be done? πŸ˜ƒ

westnz avatar Jun 19 '24 00:06 westnz

Hi @westnz I will try to finish it by the middle of next week, or possibly sooner on Monday or Tuesday next week πŸ™

Also, I need access to the script document

ervanyuff avatar Jun 19 '24 03:06 ervanyuff

@ervanyuff Can we aim for Monday to give us enough time to review? The aim is to complete the Intermediate Learning Pathway by the end of next week.

I have given you access to the script.

westnz avatar Jun 19 '24 04:06 westnz

@westnz Okay, I'll try my best to finish on Monday πŸ™

ervanyuff avatar Jun 19 '24 07:06 ervanyuff

Hi team, here is Website Optimization video. Please feel free to provide any feedback. Thank you πŸ™

ervanyuff avatar Jun 24 '24 14:06 ervanyuff

Great work as always @ervanyuff πŸ₯‡

Here are a few things I noticed:

  1. 0.55 The Image on the right looks a bit fuzzy on my large external screen. I would replace this with a better image.
  2. 1.36 That is a screen recording of the outdated version of this lesson. Here is the URL of the new lesson that will form part of this Learning Pathway. I suggest having a screenshot rather than a static screen recording where you scroll down. https://learn.wordpress.org/lesson/image-optimization/
  3. I feel too much text is used in some places. 1:56 - 2:22: Can you use a theme and plugin graphic instead of text?
  4. 5:28 / 5:29: a thumping sound needs to be removed or lowered.
  5. 5:30 -5:36 I suggest taking a static screenshot of the Performance Lab pluginβ€”no scrolling.
  6. 5:37 The transition is a bit jarring. Can we slow the flip down?
  7. 6:03 - 6:09 Great images. Can we have them as static images - no movement.
  8. 6:43 - 6:56 To avoid using so much text, can we use a hosting graphic here instead of the bullet point of text?
  9. 7:07 - 7:21 I love the map and images, but can you also make these images staticβ€”no movement? It would be better for accessibility.
  10. 7:47 - Can we make the images static again - no movement.
  11. 7:58 Instead of having text only, can an image of the WordPress logo replace the first bullet point of text.

westnz avatar Jun 25 '24 01:06 westnz

You go into the various details of basic web optimisation throughout the video but I think it would be good to have an overview slide that outlines what you will cover in the video.

7:10 You mention plugins and then start talking about CDN. Except, CDNs are outside of plugins. Some plugins assist in providing more detail. I think CDNs should be under a caching, not plugins.

Lightspeed plugin is only for light speed web servers, which is a very small market share compared to NGINX or Apache.

Tutorial/Lessons Review Checklist

Please tick all items you've confirmed:

  • [x] Learning outcomes/objectives are clear.
  • [ ] Technical concepts introduced in the content are accurate.
  • [x] The speed of demonstrations are easy to follow.
  • [x] The narration audio matches what is shown visually.
  • [x] Spelling and grammar are correct.
  • [x] Sound quality is consistent throughout the video.
  • [x] Brand Usage Guidelines and Promotional Guidelines are being followed.
  • [x] Media assets are all in the public domain (CC0).

digitalchild avatar Jun 25 '24 05:06 digitalchild

Lightspeed plugin is only for light speed web servers, which is a very small market share compared to NGINX or Apache.

Thanks for this comment, @digitalchild. Just to clarify why I included it in the script:

  • Some features are indeed available only on LS servers, but many are server-agnostic. There's a list on the plugin page.
  • According to the stats, it has over 5m active installations.

ironnysh avatar Jun 25 '24 09:06 ironnysh

Hi team, here is the updated Website Optimization video. Please let me know if there is anything missing πŸ™

ervanyuff avatar Jul 01 '24 10:07 ervanyuff

Thank you for making all the updates Ervan. I am happy with the final result.

@digitalchild, when we get the green light from you we can publish. πŸ˜ƒ

westnz avatar Jul 02 '24 00:07 westnz

Green light! Thanks for addressing my concerns.

digitalchild avatar Jul 02 '24 08:07 digitalchild

Thank you all for your hard work and helpful reviews!

westnz avatar Jul 02 '24 23:07 westnz

//published

westnz avatar Jul 02 '24 23:07 westnz