Web Performance for Progressive Web Apps from Pluralsight

This course will teach you how to find and fix performance issues in web applications, and accurately measure improvements.

Developing web applications is complex, but regardless of the choices you make, one thing that’s important (and particularly for PWAs) is performance. In this course, Web Performance for Progressive Web Apps, you'll learn how to measure, spot, and fix performance issues in PWAs. First, you’ll explore how to measure the performance of a web application using different tools.

Next you'll discover some techniques to use on the server side code which will result in a better speed and performance. Then, you’ll discover how to be reactive about web performance instead of waiting for someone to complain.

When you’re comfortable with those techniques, you'll go one step further and will become familiar with why performance is so important for PWAs. Finally, you’ll learn how to plan for improvements and apply changes step by step and measure the performance after each step to make sure you’re on the right path.

When you’re finished with this course, you’ll have the skills and knowledge needed to create well performing progressive web applications.

What's inside

Syllabus

Course Overview

What Is Web Performance Optimization?

How to Measure Web Performance

Perceived Performance

Server Side Optimizations

Reactive Web Performance Techniques

Client Side Performance Optimization

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Explores web performance, which is key for PWAs

Taught by Yaser Mehraban, who is recognized for their work in web performance

Covers industry-standard tools for performance measurement

Includes hands-on techniques for server-side and client-side performance optimization

Develops skills for ongoing performance monitoring and improvement

Caveat: Requires basic understanding of web development concepts

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Web Performance for Progressive Web Apps with these activities:

Practice writing web applications

Show steps

Writing web applications in advance will help reinforce and solidify how PWA's work

Show steps

Create a simple web application using HTML, CSS, and JavaScript
Break down your application into smaller, manageable modules
Test your application thoroughly

Explore the 'Measuring Web Performance' module

Show steps

This module will provide you with a strong foundation in measuring web performance, which is essential for any developer who wants to create high-quality PWAs.

Browse courses on Performance Measurement

Show steps

Watch the videos
Read the articles
Complete the quizzes

Practice using the Lighthouse tool

Show steps

Lighthouse is a powerful tool that can help you identify performance issues in your PWA.

Show steps

Install the Lighthouse extension for your browser
Run Lighthouse on your PWA
Analyze the results and make improvements to your PWA

Four other activities

Expand to see all activities and additional details

Show all seven activities

Complete the 'Reactive Web Performance Techniques' module

Show steps

This module will teach you how to use reactive programming to improve the performance of your PWA.

Browse courses on Performance Optimization

Show steps

Watch the videos
Read the articles
Complete the quizzes

Write a blog post about how you improved the performance of your PWA

Show steps

Writing a blog post will help you solidify your understanding of the concepts you learned in this course and share your knowledge with others.

Browse courses on Performance Optimization

Show steps

Choose a topic that you're interested in and that you think would be valuable to others
Write a clear and concise blog post that explains the topic in detail
Share your blog post with others

Participate in a hackathon to build a high-performing PWA

Show steps

Participating in a hackathon is a great way to test your skills and learn from others.

Show steps

Find a hackathon that focuses on PWA development
Team up with other developers to build a PWA
Submit your PWA to the hackathon judges

Contribute to an open-source PWA project

Show steps

Contributing to an open-source project is a great way to learn from others and give back to the community.

Browse courses on Open Source

Show steps

Find an open-source PWA project that you're interested in
Make a pull request to the project
Review the code of other contributors

Career center

Learners who complete Web Performance for Progressive Web Apps will develop knowledge and skills that may be useful to these careers:

Performance Engineer

Performance Engineers are responsible for optimizing the performance of websites and web applications. They work with a variety of tools and techniques to identify and fix performance bottlenecks. A strong understanding of web performance is essential for Performance Engineers, as it can help them quickly identify and fix performance issues. This course can help Performance Engineers learn about the different factors that affect web performance and how to optimize websites and web applications for speed and efficiency.

See salaries and explore the career path for Performance Engineer

Front-End Developer

Front-End Developers are responsible for the design and development of the user interface of a website or web application. They work with HTML, CSS, and JavaScript to create a visually appealing and user-friendly experience. A strong understanding of web performance is essential for Front-End Developers, as it can help them create user interfaces that are fast, responsive, and efficient. This course can help Front-End Developers learn about the different factors that affect web performance and how to optimize their user interfaces for speed and efficiency.

See salaries and explore the career path for Front-End Developer

Software Engineer

Software Engineers develop, design, deploy, and maintain software. They work on a variety of projects, from web applications to mobile apps to operating systems. A strong understanding of web performance is essential for Software Engineers, as it can help them create applications that are fast, responsive, and efficient. This course can help Software Engineers learn about the different factors that affect web performance and how to optimize their applications for speed and efficiency.

See salaries and explore the career path for Software Engineer

Web Developer

Web Developers design and develop websites and web applications. They work with a variety of technologies, including HTML, CSS, JavaScript, and server-side languages. A strong understanding of web performance is essential for Web Developers, as it can help them create websites and applications that are fast, responsive, and efficient. This course can help Web Developers learn about the different factors that affect web performance and how to optimize their websites and applications for speed and efficiency.

See salaries and explore the career path for Web Developer

Back-End Developer

Back-End Developers are responsible for the development and maintenance of the server-side of a website or web application. They work with server-side languages, such as PHP, Java, and Python, to create a reliable and efficient backend. A strong understanding of web performance is essential for Back-End Developers, as it can help them create backends that are fast, responsive, and efficient. This course can help Back-End Developers learn about the different factors that affect web performance and how to optimize their backends for speed and efficiency.

See salaries and explore the career path for Back-End Developer

Web Analyst

Web Analysts collect and analyze data about website traffic and user behavior. They use this data to improve the performance and usability of websites and web applications. A strong understanding of web performance is essential for Web Analysts, as it can help them identify areas where a website or web application can be improved. This course can help Web Analysts learn about the different factors that affect web performance and how to measure and analyze the performance of websites and web applications.

See salaries and explore the career path for Web Analyst

UX Designer

UX Designers are responsible for the design of the user experience of a website or web application. They work with a variety of tools and techniques to create a user experience that is intuitive, efficient, and enjoyable. A strong understanding of web performance is essential for UX Designers, as it can help them create user experiences that are fast, responsive, and efficient. This course can help UX Designers learn about the different factors that affect web performance and how to design user experiences that are optimized for speed and efficiency.

See salaries and explore the career path for UX Designer

Software Architect

Software Architects design and develop the overall architecture of a software system. They work with a variety of stakeholders, including developers, testers, and business analysts, to create a system that meets the needs of the business. A strong understanding of web performance is essential for Software Architects, as it can help them design systems that are fast, scalable, and efficient. This course can help Software Architects learn about the different factors that affect web performance and how to design systems that are optimized for speed and efficiency.

See salaries and explore the career path for Software Architect

IT Manager

IT Managers are responsible for the management of an organization's IT systems and infrastructure. They work with a variety of stakeholders, including employees, customers, and vendors, to ensure that the organization's IT systems are running smoothly and efficiently. A strong understanding of web performance is essential for IT Managers, as it can help them identify and fix performance issues that can impact the productivity of the organization. This course can help IT Managers learn about the different factors that affect web performance and how to manage IT systems for optimal performance.

See salaries and explore the career path for IT Manager

Project Manager

Project Managers are responsible for the planning, execution, and delivery of projects. They work with a variety of stakeholders, including project team members, customers, and sponsors, to ensure that projects are completed on time, within budget, and to the required quality. A strong understanding of web performance is essential for Project Managers, as it can help them identify and mitigate risks that could impact the performance of a project. This course can help Project Managers learn about the different factors that affect web performance and how to manage projects for optimal performance.

See salaries and explore the career path for Project Manager

Quality Assurance Analyst

Quality Assurance Analysts test and evaluate software to ensure that it meets the required quality standards. They work with developers and other stakeholders to identify and fix defects. A strong understanding of web performance is essential for Quality Assurance Analysts, as it can help them identify and fix performance issues that could impact the quality of a web application. This course can help Quality Assurance Analysts learn about the different factors that affect web performance and how to test and evaluate web applications for optimal performance.

See salaries and explore the career path for Quality Assurance Analyst

Business Analyst

Business Analysts work with stakeholders to identify and define business requirements. They analyze business processes and recommend solutions to improve efficiency and performance. A strong understanding of web performance is essential for Business Analysts, as it can help them identify and define requirements that will result in high-performing web applications. This course can help Business Analysts learn about the different factors that affect web performance and how to define requirements that will result in web applications that are fast, responsive, and efficient.

See salaries and explore the career path for Business Analyst

Cloud Engineer

Cloud Engineers design, build, and manage cloud-based systems and applications. They work with a variety of cloud computing technologies, including AWS, Azure, and Google Cloud Platform. A strong understanding of web performance is essential for Cloud Engineers, as it can help them design and build cloud-based systems and applications that are fast, scalable, and efficient. This course can help Cloud Engineers learn about the different factors that affect web performance and how to design and build cloud-based systems and applications for optimal performance.

See salaries and explore the career path for Cloud Engineer

DevOps Engineer

DevOps Engineers work with developers and operations teams to ensure that software is developed and deployed efficiently and reliably. They work with a variety of tools and techniques to automate the software development and deployment process. A strong understanding of web performance is essential for DevOps Engineers, as it can help them identify and fix performance issues that could impact the reliability and efficiency of a software system. This course can help DevOps Engineers learn about the different factors that affect web performance and how to automate the software development and deployment process for optimal performance.

See salaries and explore the career path for DevOps Engineer

Data Analyst

Data Analysts collect, analyze, and interpret data to identify trends and patterns. They work with a variety of data analysis tools and techniques to extract insights from data. A strong understanding of web performance is essential for Data Analysts, as it can help them identify and analyze data that can be used to improve the performance of web applications. This course can help Data Analysts learn about the different factors that affect web performance and how to collect, analyze, and interpret data to improve the performance of web applications.

See salaries and explore the career path for Data Analyst