mukeshpanchal27 / improving-site-performance

Learn why site performance is important for all WordPress sites, and learn tips to improve it.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Repo Structure and Lesson Plan Template

Please remove all blockquote comments such as this before publishing.

Description

A short paragraph explaining what is covered in the lesson plan. This should be text that can be copied and used in a meetup or workshop description.

Objectives

After completing this lesson, participants will be able to:

  • Objective 1
  • Objective 2

It’s required that you include a bulleted list of objective(s) for each lesson plan. Objectives should be worded as actions that the participant can do once they’ve finished. See Bloom's Taxonomy of Action Verbs (PDF) as a reference. Avoid using words like "know," "understand," "be introduced to," etc.

Target Audience

Who is this lesson intended for? What interests/skills would they bring? Choose all that apply.

  • Users
  • Designers
  • Developers
  • Speakers
  • All

Experience Level

How much experience would a participant need to get the most from this lesson?

  • Beginner
  • Intermediate
  • Advanced
  • Any

Type of Instruction

Which strategies will be used for this lesson plan? Choose all that apply.

  • Demonstration
  • Discussion
  • Exercises
  • Feedback
  • Lecture (Presentation)
  • Show & Tell
  • Tutorial

Time Estimate (Duration)

How long will it take to teach this lesson (in minutes)?

____ minutes

Prerequisite Skills

Participants will get the most from this lesson if they have familiarity with:

  • Skill 1
  • Skill 2

For example:

  • Experience with HTML and CSS
  • Completed the Basic WordPress Concepts lesson

Readiness Questions

  • Question 1
  • Question 2

A list of questions for participants to see if they have the background and skills necessary to learn and understand the lesson.

For example:

  • Do you want to make changes to your theme yourself?
  • Do you know how to write CSS?

Materials Needed

  • Item 1
  • Item 2

A list of files, resources, equipment, or other materials the instructor will need to teach the lesson.

For example:

  • A local install of WordPress
  • The files for the TwentySixteen theme
  • Slides (included in this repo)

Notes for the Instructor

  • Note 1
  • Note 2

A list of any handy tips or other information for the instructor.

For example:

  • Participants may need to download the TwentySixteen theme before beginning
  • What to do if there’s no projector or internet available
  • What to do if a participant doesn’t have the necessary set up
  • How to handle different opinions about the topic

Lesson Outline

  • First do this
  • Then move on to this
  • Finish with this

The plan for the lesson. Outline form works well.

For example:

  • Talk about what a theme is
  • Demonstrate how to install and activate a theme
  • Practice exercises to have participants find and install a theme on their own site

Exercises

Exercise name

Short description of what the exercise does and what skills or knowledge it reinforces.

  • Short point or step of the exercise
  • And another one

These are short or specific activities that help participants practice certain components of the lesson. They should not be fully scripted exercises, but rather something that participants could do on their own. For example, you can create an exercise based on one step of the Example Lesson.

Assessment

Write out the question.

  1. Option
  2. Option
  3. Option
  4. Option

Answer: 3. Correct answer

A few questions to ask participants to evaluate their retention of the material presented. They should be a measure of whether the objectives were reached. Consider having a question for each objective.

Additional Resources

  • Resource 1
  • Resource 2

An optional section which can contain a list of resources that the instructor can use to get more information on the topic.

For example:

  • Link to information on the Codex
  • Theme Review Team's Handbook

Example Lesson

An example of how the lesson plan can be implemented. Written in script form as one possible way an instructor might use this lesson plan at an event, with screenshots and instructions if necessary.

Section Heading for Example Lesson

You will likely need to break the Example Lesson down into multiple sections.

Lesson Wrap Up

Follow with the Exercises and Assessment outlined above.


Improving Site Performance

Description

Learn why site performance is important for all WordPress sites, and learn tips to improve it.

Objectives

At the end of this lesson, you will be able to:

  • Recognize the factors that affect WordPress site performance.
  • List the ways you can improve WordPress site performance.

 Prerequisite Skills

You will be better equipped to work through this lesson if you have experience in and familiarity with:

Screening Questions

  • Do you have a self-hosted WordPress.org website (vs. WordPress.com website)?
  • Have you installed plugins before?

Teacher Notes

  • Time Estimate: 20 minutes
  • The preferred answers to the screening questions are “yes.” Participants who reply “no” to any question may not be ready for this lesson.
  • You may print out the hands-on walkthrough to use as a handout or send it as a .pdf file to stay green. A .pdf will also preserve the links used throughout the document.
  • It might make sense to have a discussion around the first part of the walkthrough, to assess site performance criteria & what improvement methods students are familiar with already.
  • It might be a good idea to follow this lesson with What is W3 Total Cache. This will help students to have a better understanding of the practical applications of the ideas listed in this lesson.

Hands-on Walkthrough

What is WordPress site performance?

WordPress site performance is characterized by how fast pages on a site load. There are several reasons why performance matters:

  • Better performance brings a better visitor/customer experience.
  • Google and other search engines rank sites based on performance; sites with better performance rank higher.
  • Adequate site response helps to decrease bounce rate, the rate at which users "bounce off" your site and go somewhere else.

There are some impressive statistics regarding website performance (source):

  • 40% of people abandon a website that takes more than 3 seconds to load.
  • A one-second delay in page response can result in a 7% reduction in conversions.
  • 47% of consumers expect a web page to load in 2 seconds or less.

So it makes sense to invest some time to ensure your site is optimized and performs well.

How to measure site performance

Now that you know why site performance is important, it's time to discuss how it’s measured and learn how to check your site's speed. This will give you a benchmark measurement before you start improving it.

The best way to measure site speed is to use a speed measurement service. Google PageSpeed is among the most popular and is an excellent way to measure your WordPress site's performance on different devices. It will also help you to obtain specific feedback on what should be improved.

What can impede performance?

When a website visitor's device requests data from a website hosted on a server, there are two primary bottlenecks that may slow down the data transfer:

  • Host - the kind of hosting you choose has a big impact on your site's speed. Shared hosting is managed by the hosting provider manages and you don't have much control. A hosting company with good reviews and decent prices is generally OK for beginners and non-critical websites. If you decide to have a dedicated server to host your site, pay attention to the number of servers and hardware used.

  • Network - sometimes the network your visitor uses to access your site is not ideal. And even if it's good, if your site has a lot of content, it will take time to process and load it. Most optimizations this lesson plan explores strive to reduce the amount of data transferred between a server and a visitor.

How to optimize your website?

There are several popular ways to boost the performance of a website.

Caching

Caching stores some of the information that has already been requested, so it can be instantly served to the client when they request it again. This reduces the processing time when reloading a page repeatedly.

Caching also minimizes server load. Normally, when a visitor comes to your site, WordPress executes one or more (and often many) MySQL queries and PHP scripts to locate a requested page. Then the requested resources are parsed and PHP generates a page to display to the visitor, using server resources.

With page caching on, you can display a cached copy of the page as soon as it’s requested, without sending a request to the server.

There are plenty of caching plugins available, such as W3 Total Cache, which allows browser, page, object, and database caching. Some of the most popular alternatives are W3 Super Cache, which has fewer options to customize so may feel less overwhelming, and WP Rocket, which is an efficient but simple premium plugin.

Offloading

Another way to increase the speed of content delivery is to offload some of your content to other servers. A CDN can be used for this. CDN stands for Content Delivery Network.

A CDN is a network of servers, usually located at various sites around the world. These powerful servers can cache the static content of a site, such as image, CSS, and JavaScript files. When a visitor lands on your site, the content is provided by the server closest to their location. Popular CDN providers include CloudFlare, Amazon CloudfrontMaxCDN, and KeyCDN. You can also outsource hosting of your static content and RSS feeds.

Optimizing your site's configuration

The theme and plugins that you use on a site are very important for the site's performance. A fast, lightweight theme will perform much better than a heavy graphic-laden theme. If you have a lot of plugins activated, that can also affect performance. Make sure all the plugins you don't need are deactivated and deleted.

Compressing

You also can minify your content so that pages are quickly delivered to readers' browsers. For example, the W3 Total Cache plugin mentioned earlier includes a minify module which lets you control whether HTML, CSS, and Javascript files are minified and compressed. 

Minification removes all unnecessary or redundant data from the code without affecting performance, minimizing the size of the file that needs to be downloaded to the user's browser. This causes website pages to load faster and generally speeds up site operation. Plugins such as WP Smushit or EWWW Image Optimizer can help to compress images and other media files.

Summary

Your site or blog's performance is very important for visitor experience and for its search engine ranking. The pillars for improving site speed are:

  • Choosing a reliable and powerful hosting provider
  • Enabling caching and compression
  • Making sure your site uses a lightweight theme and is not overloaded with plugins
  • Possibly using external services to offload part of your bandwidth

Quiz

Why is low performance bad for your site (choose as many as applicable)?

  1. It shows content that you may not want your readers to see
  2. It distorts the visitor experience
  3. It could hurt your SEO
  4. It makes you pay more for the hosting of your website

Answer: 2. It distorts the visitor experience & 3. It could hurt your SEO

Which of the following is a valid way for you to increase your site's performance?

  1. Install and configure a caching plugin
  2. Schedule a backup strategy for your site
  3. Keep no active plugins at your site
  4. Make adjustments to site's Settings
  5. All of the above

Answer:  1. Install and configure a caching plugin

Which tool is useful to test your site's performance online?

  1. GTMATRIX
  2. PAGE SPEED INSIGHT
  3. PINGDOM
  4. All of the above

Answer:  1. All of the above

Additional materials

Some more details on optimizing your website can be found at WordPress Optimization/WordPress Performance section @ Codex

About

Learn why site performance is important for all WordPress sites, and learn tips to improve it.

License:GNU General Public License v3.0


Languages

Language:HTML 100.0%