Website optimization

[digitalchild]

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]

//lesson

[github-actions]

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

[gmt-2]

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

[ironnysh]

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

[github-actions]

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]

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.

[ironnysh]

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.

[westnz]

@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?

[ironnysh]

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

[westnz]

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

[westnz]

Hey @ironnysh 👋
Can you please share an update on the script? 😃

[ironnysh]

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

[westnz]

Perfect, thank you very much!!

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

[ervanyuff]

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

[ironnysh]

Thanks, @westnz! One open question left 😄

[westnz]

I have shared the voice recording and script with @ervanyuff 🚀

[westnz]

Hey @ervanyuff
Can you please confirm when this lesson will be done? 😃

[ervanyuff]

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

[westnz]

@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.

[ervanyuff]

@westnz Okay, I'll try my best to finish on Monday 🙏

[ervanyuff]

Hi team, here is Website Optimization video. Please feel free to provide any feedback. Thank you 🙏

[westnz]

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.

[digitalchild]

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:

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

[ironnysh]

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.

[ervanyuff]

Hi team, here is the updated Website Optimization video. Please let me know if there is anything missing 🙏

[westnz]

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. 😃

[digitalchild]

Green light! Thanks for addressing my concerns.

[westnz]

Thank you all for your hard work and helpful reviews!

[westnz]

//published