Web Performance Bootcamp: Mastering Speed Techniques

Focused View

Vitor Fonseca

6:19:16

23 View

1. Introduction to web performance

1. Course structure.mp4

02:36

2. What is web performance.mp4

02:58

3.1 Milliseconds Make Millions report.pdf

3.2 Using page speed in mobile search ranking.html

3. Why is web performance important.mp4

03:51

4. Key metrics to measure web performance.mp4

05:29

5.1 Amazon case.html

5.2 BBC case.html

5.3 Demystifying web performance and its impact on revenue.html

5.4 Downloads increase because of page load.html

5.5 Google case.html

5. Real world examples of web performance issues.mp4

03:18

6. Fundamentals of web performance.html

2. Optimising frontend performance

1.1 CLS metric page.html

1.2 Web vitals page.html

1. Getting deeper on web vitals metrics.mp4

06:50

2. How to know your web vitals metrics values.mp4

13:18

3. Talk about critical resources.mp4

02:04

4.1 gzip.html

4.2 Rollup.html

4.3 Terser.html

4.4 Uglify.html

4.5 Vite.html

4.6 Webpack.html

4. Optimizing Javascript.mp4

14:28

5.1 CSS stats.html

5.2 Maker Said - CSS performance testing.html

5.3 Project Wallace.html

5.4 Vite CSS minification.html

5.5 Webpack CSS minification.html

5. Optimizing CSS.mp4

15:04

6.1 ffmpeg.html

6.2 ImageMagick.html

6.3 Imagemin NPM package.html

6.4 imagemin-webp.html

6.5 Lazy loading images.html

6.6 Lazy Sizes.html

6.7 Lozad.html

6.8 Optimize your images - web.dev section.html

6.9 Sharp NPM package.html

6.10 SVGOMG.html

6.11 Vanilla Lazyload.html

6. Optimizing images.mp4

15:11

7. Getting deeper in lazy loading.mp4

04:31

8.1 Cache-control header.html

8.2 Frontend performance roadmap.html

8.3 PRPL pattern.html

8. Minimal changes you can do to improve the frontend performance.mp4

07:24

9.1 PWA Angular.html

9.2 PWA React.html

9.3 Vue 3 PWA.html

9. PWA a possible way to improve performance.mp4

08:03

10.1 Lighthouse guide.html

10. How to decrease your web vitals metrics, in case they are high.mp4

18:56

11.1 Performance analisys guide.html

11. Improving runtime performance with DevTools Performance tab.mp4

15:11

12. Optimizing frontend performance Quiz.html

3. Optmizing server side performance

1. Understanding server side bottlenecks.mp4

02:48

2. Optimizing databases - Introduction.mp4

02:09

3.1 MySQL workbench execution plan.html

3.2 Oracle execution plan.html

3.3 SQL Server execution plan.html

3. Optimizing databases - Techniques.mp4

17:08

4.1 Oracle execution plan.html

4.2 PostgreSQL execution plan.html

4.3 SQL Server execution plan.html

4. Optimizing databases - Query Execution Plan.mp4

09:38

5. Optimizing databases - NoSQL.mp4

10:46

6.1 Kafka.html

6.2 RabbitMQ.html

6. Strategies to mitigate the impact of slow third-party-services.mp4

05:55

7. Caching for improved performance.mp4

12:51

8. Leveraging microservices to improve scalability.mp4

04:33

9. Algorithms Complexity.mp4

03:15

10.1 ClinicJS.html

10.2 Intellij profiler.html

10.3 Jetbrains profiler.html

10.4 Visual Studio profiler tool.html

10. Profiling.mp4

14:58

11.1 Apache jMeter.html

11.2 Taurus.html

11. Server side code improvement.mp4

11:35

12.1 What is RAID.html

12. And when the problem is insufficient hardware resources.mp4

09:24

13. Server side improvements quiz.html

4. Optimizing infrastructure performance

1. Understanding the network stack.mp4

09:30

2. Diving into the main network protocols.mp4

09:27

3. How HTTP works.mp4

06:16

4. Small HTTP improvement tips.mp4

02:13

5. Cache headers.mp4

09:18

6.1 AWS load balancing.html

6.2 Azure load balancing.html

6.3 Google cloud load balancing.html

6.4 Nginx.html

6. Load balancing.mp4

06:02

7.1 DNS masq.html

7.2 Windows server DNS cache.html

7. Optimizations to minimize DNS and TCP latency.mp4

11:39

8. Reducing latency with CDNs.mp4

03:39

9. Infrastructure improvements quiz.html

5. Planning and monitoring performance improvement

1. Performance improvement intervention.mp4

05:13

2.1 node-os-utils NPM package.html

2.2 Web Vitals NPM package.html

2. Getting vitals metrics in an automatic way.mp4

19:10

3. Monitoring database metrics.mp4

02:40

4.1 Datadog.html

4.2 Elastic (Elastic Search).html

4.3 Grafana.html

4.4 Kibana.html

4.5 New Relic.html

4.6 Prometheus.html

4. Monitoring and dashboard tools.mp4

04:58

5. Performance tracking through notifications.mp4

03:04

6. Creating a monitoring solution with Prometheus and Grafana - part 1.mp4

14:59

7.1 Connect Grafana, Prometheus and MySQL.html

7.2 Frontend monitoring with Prometheus.html

7.3 NodeJS and Prometheus.html

7.4 Proof of concept with Prometheus and Grafana.html

7. Creating a monitoring solution with Prometheus and Grafana - part 2.mp4

21:20

6. Conclusion and next steps

1. How to convince your company that web performance is important.mp4

04:17

2. Next steps and a big thank you.mp4

01:19

Description

Ultimate guide to learn how to improve web performance, through Javascript, Web Vitals, Chrome Dev Tools, CDNs and more!

What You'll Learn?

How to optimize the performance of frontend part (javascript, web vitals, bundling, css, lazy loading, PWA, chrome dev tools)
How to optimize the performance of backend part (profiling, algorithms complexity, database indexing, nosql, caching, )
How to optimize the performance of infrastructure part (DNS, HTTP, Cache headers, TCP, CDN)
How to monitoring web performance (grafana, prometheus, metrics, automated notifications)
How to convince the business people in your company that web performance is important

Who is this for?

Web developers that aim to improve the performance of their projects

Web developers

Frontend developers

Backend developers

Database administrators

What You Need to Know?

Basic knowledge over javascript

Basic knowledge about any backend language

Basic knowledge about database (relational or non-relational)

More details

Description
Web performance bootcamp: master web performance techniques

Unlock the Full Potential of Your Websites with Cutting-Edge Strategies!
Are you tired of slow-loading websites that frustrate users and hurt your business? Welcome to "Web Performance Optimization" the ultimate course designed to revolutionize your understanding of frontend, backend, and network optimization in web development.

What You'll Learn:
-> Frontend Acceleration: Learn the latest techniques in optimizing JavaScript, CSS, and image assets to achieve seamless user experiences.
-> Backend Efficiency: Supercharge your server-side performance with advanced backend optimization strategies. Explore the power of database indexing, caching, and query optimization to ensure your applications respond at lightning speed.
-> Network Mastery: Unravel the complexities of the network layer. Discover how to reduce latency with DNS prefetching, leverage the magic of CDN for content distribution, and fine-tune TCP for optimal data transmission.

Why Enroll:
-> Comprehensive Approach: This course is not just about frontend tricks or backend tweaks; it's a holistic journey through the entire web performance ecosystem. You'll emerge with the skills to transform any website into a speed demon.
-> Expert Instruction: Learn from an industry expert with many years of hands-on experience in web development. Benefit from real-world insights and proven strategies used by top-performing websites.
-> Career Boost: Web performance optimization is a sought-after skill in the digital landscape. Impress employers and clients alike by showcasing your ability to create websites that load at warp speed, delivering unparalleled user satisfaction.

Who Is This For:
Web developers aiming to improve the overall performance of their websites
Frontend Developers aiming to create silky-smooth user interfaces.
Backend Engineers eager to enhance server-side performance.
Network Enthusiasts looking to master the intricacies of data transmission.

Get Ready to Transform:
Join us on this exhilarating journey to transform your web development skills. From optimizing frontend interactions to fine-tuning backend processes and conquering the complexities of the network, "Web Performance Optimization" is your key to crafting high-performance, user-centric websites.

Enroll now and let's redefine web performance together!
Who this course is for:
Web developers that aim to improve the performance of their projects
Web developers
Frontend developers
Backend developers
Database administrators

User Reviews

Rating

average 0

Total votes0

Focused display

Web Development

Vitor Fonseca

Instructor's Courses

Vitor FonsecaExpert in web developmentHello and welcome! I'm Vitor Fonseca, a highly experienced professional in the world of web development. With 7+ years of hands-on expertise, I've had the privilege of working with many important companies worldwide.Why Choose My Courses: I'm passionate about sharing my knowledge with learners like you. My courses are designed to cater to all levels, from newcomers to seasoned professionals.What You'll Gain: In my courses, you'll acquire practical skills and deep insights into web development. You can expect engaging, real-world knowledge that can benefit your career.My Teaching Style: I believe in making learning enjoyable and accessible. I use various teaching methods, but the most important one for me, it's hands-on. In my opinion, IT learning just happens when you practice what you want to learn. So, practice is everything.Join Me on This Journey: I invite you to explore my courses, ask questions, and become part of a dynamic learning community. Whether you're just starting or looking to advance, there's something here for you.Thank you for considering my expertise. I look forward to helping you excel in web development!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.