Web Performance Bootcamp: Mastering Speed Techniques

سرفصل های دوره

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

1. Introduction to web performance

1. Course structure

2. What is web performance

3.1 Milliseconds Make Millions report.pdf

3.2 Using page speed in mobile search ranking.html

3. Why is web performance important

4. Key metrics to measure web performance

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

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

2. How to know your web vitals metrics values

3. Talk about critical resources

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

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

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

7. Getting deeper in lazy loading

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

9.1 PWA Angular.html

9.2 PWA React.html

9.3 Vue 3 PWA.html

9. PWA a possible way to improve performance

10.1 Lighthouse guide.html

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

11.1 Performance analisys guide.html

11. Improving runtime performance with DevTools Performance tab

12. Optimizing frontend performance Quiz.html

3. Optmizing server side performance

1. Understanding server side bottlenecks

2. Optimizing databases - Introduction

3.1 MySQL workbench execution plan.html

3.2 Oracle execution plan.html

3.3 SQL Server execution plan.html

3. Optimizing databases - Techniques

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

5. Optimizing databases - NoSQL

6.1 Kafka.html

6.2 RabbitMQ.html

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

7. Caching for improved performance

8. Leveraging microservices to improve scalability

9. Algorithms Complexity

10.1 ClinicJS.html

10.2 Intellij profiler.html

10.3 Jetbrains profiler.html

10.4 Visual Studio profiler tool.html

10. Profiling

11.1 Apache jMeter.html

11.2 Taurus.html

11. Server side code improvement

12.1 What is RAID.html

12. And when the problem is insufficient hardware resources

13. Server side improvements quiz.html

4. Optimizing infrastructure performance

1. Understanding the network stack

2. Diving into the main network protocols

3. How HTTP works

4. Small HTTP improvement tips

5. Cache headers

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

7.1 DNS masq.html

7.2 Windows server DNS cache.html

7. Optimizations to minimize DNS and TCP latency

8. Reducing latency with CDNs

9. Infrastructure improvements quiz.html

5. Planning and monitoring performance improvement

1. Performance improvement intervention

2.1 node-os-utils NPM package.html

2.2 Web Vitals NPM package.html

2. Getting vitals metrics in an automatic way

3. Monitoring database metrics

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

5. Performance tracking through notifications

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

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

6. Conclusion and next steps

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

2. Next steps and a big thank you

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy