Measure , analyze and improve your web pages load time and responsivenes using real world tools
What you'll learn:
This course is a practical guide !!!! You will learn hands-on how to improve the performance of your website
You will get a procedure with clear steps and tools that will lead you on the correct path to improve the performance of your website
You will learn hands-on to measure the performance of your website pages using page speed insight
Learn hands-on to analyze the performance of your website pages using web page test and other tools
Learn hands-on to use page speed insight and get recommendation for imroving your website performance
Learn hands-on to improve the SEO , accessability and best practice metrics of your web pages
Learn performance related concepts like : core web vital : CLS, LCP , TBT, crticial rendering path , render blocking
Learn to convert image format to webp and crop files using the image processing packahe - sharp
Learn to reduce the css file size using minify and purgeCSS
Learn how responsive images , srcset and lazy loading can reduce load time of image files
Learn how to optimize the loading time of your web fonts
Requirements:
A knowledge of HTML, CSS and JavaScript is required
If You Need More Stuff, kindly Visit and Support Us -->> https://CourseWikia.com
Get More Tutorials and Support Us -->> https://FreeCourseWeb.com
We upload these learning materials for the people from all over the world, who have the talent and motivation to sharpen their skills/ knowledge but do not have the financial support to afford the materials. If you like this content and if you are truly in a position that you can actually buy the materials, then Please, we repeat, Please, Support Authors. They Deserve it! Because always remember, without "Them", you and we won't be here having this conversation. Think about it! Peace...
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
~Get Your Files Here !/1. Introduction/1. Web performance and motivation.mp4
8.2 MB
~Get Your Files Here !/1. Introduction/10. Sections.html
161 B
~Get Your Files Here !/1. Introduction/11. How to make the most out of this course.mp4
2.6 MB
~Get Your Files Here !/1. Introduction/12. How to make the most out of this course.html
161 B
~Get Your Files Here !/1. Introduction/2. Web performance and motivation.html
161 B
~Get Your Files Here !/1. Introduction/3. Important questions.mp4
3.7 MB
~Get Your Files Here !/1. Introduction/4. Important questions.html
161 B
~Get Your Files Here !/1. Introduction/5. Why this course.mp4
4 MB
~Get Your Files Here !/1. Introduction/6. Why this course.html
161 B
~Get Your Files Here !/1. Introduction/7. Project structure.mp4
10.9 MB
~Get Your Files Here !/1. Introduction/8. Project structure.html
161 B
~Get Your Files Here !/1. Introduction/9. Sections.mp4
7.1 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/1. Setup.mp4
29.6 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/10. Local lighthouse tool and limitation.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/11. Web hosting and page speed insight.mp4
62.5 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/12. Web hosting and page speed insight.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/13. Lighthouse tool vs page speed insight.mp4
27.9 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/13.1 lighthouse-and-localshost-is-bad.mp4
9.9 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/14. Lighthouse tool vs page speed insight.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/15. LCP and its phases.mp4
28.7 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/15.1 lcp.mp4
11.2 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/16. LCP and its phases.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/17. WebPageTest and browser rendering pipeline.mp4
76.7 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/18. WebPageTest and browser rendering pipeline.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/19. Understand the limitation of remote fonts.mp4
27.7 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/2. Setup.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/20. Understand the problematics with remote fonts.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/21. How to use local font.mp4
83.9 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/21.1 use local font.mp4
36.5 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/22. How to use local font.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/23. Use local images.mp4
122.2 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/24. Use local images.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/25. Use hero image instead of hero div with background-image.mp4
66.5 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/26. Use hero image instead of hero div with background-image.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/27. Responsive images , srcset and LintImages.mp4
57.1 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/28. Responsive images , srcset and LintImages.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/29. Crop hero image to get performance score of 100.mp4
89.7 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/3. Simulate slow network.mp4
41.6 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/30. Crop hero image to get performance score of 100.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/31. Further improvments.mp4
36.3 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/32. Further improvments.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/4. Simulate slow network.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/5. Lighthouse tool.mp4
38.3 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/6. Lighthouse tool.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/7. Web vitals and lighthouse perfromance score.mp4
50.1 MB
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/8. Web vitals and lighthouse perfromance score.html
161 B
~Get Your Files Here !/2. Sample 1 - optimize the performance score of expanding cards to 100/9. Local lighthouse tool and limitation.mp4
58.5 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/1. Section introduction.mp4
42.9 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/10. TBT and performance tab.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/11. Use webp format and sharp package.mp4
117.2 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/12. Use webp format and sharp package.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/13. Remove wrong lazy load.mp4
71.2 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/14. Remove wrong lazy load.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/15. Responsive image and srcset for dog image.mp4
129.8 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/16. Responsive image and srcset for dog image.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/17. Use production javascript packages.mp4
90.6 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/18. Use production javascript packages.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/19. chrome coverage tab to remove non used resources.mp4
65.1 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/2. Section introduction.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/20. Chrome coverage tab to remove non used resources.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/21. Convert a render-blocking resource into a non-render-blocking one.mp4
48.5 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/22. Convert a render-blocking resource into a non-render-blocking one.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/23. Reduce cls using aspect ratio part 1.mp4
82 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/24. Reduce cls using aspect ratio part 1.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/25. Reduce cls using aspect ratio part 2.mp4
49.4 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/26. Reduce cls using aspect ratio part 2.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/27. Summary.mp4
10.6 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/3. WebPageTest analysis.mp4
46.3 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/4. WebPageTest analysis.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/5. Render blocking resources.mp4
31.6 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/5.1 render blocking.mp4
9.9 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/6. Render blocking resources.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/7. 4xx response in WebPageTest.mp4
78.2 MB
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/8. 4xx response in WebPageTest.html
161 B
~Get Your Files Here !/3. Sample 2 - optimize the performance score of WebPageTest demo page to 96-99/9. TBT and performance tab.mp4
51.7 MB
~Get Your Files Here !/4. Sample 2 - optimize the SEO and accessability to score 100/1. Introduction.mp4
9.6 MB
~Get Your Files Here !/4. Sample 2 - optimize the SEO and accessability to score 100/2. Introduction.html
161 B
~Get Your Files Here !/4. Sample 2 - optimize the SEO and accessability to score 100/3. Optimize the accessability to score 100.mp4
40.7 MB
~Get Your Files Here !/4. Sample 2 - optimize the SEO and accessability to score 100/4. Optimize the accessability to score 100.html
161 B
~Get Your Files Here !/4. Sample 2 - optimize the SEO and accessability to score 100/5. Optimize the seo to score 100.mp4
20.3 MB
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/1. Introduction.mp4
42 MB
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/10. Responsive images with srcset.mp4
83 MB
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/11. Responsive images with srcset.html
161 B
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/12. More responsive images with srcset.mp4
41.6 MB
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/13. More responsive images with srcset.html
161 B
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/14. Use smaller small hero for 100 performance score.mp4
75.9 MB
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/15. Use smaller small hero for 100 performance score.html
161 B
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/2. Performance analysis.mp4
16.5 MB
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/3. Performance analysis.html
161 B
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/4. Fix error serve image in next-gen format.mp4
100.5 MB
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/5. Fix error serve image in next-gen format.html
161 B
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/6. WebPageTest analysis.mp4
23.1 MB
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/7. WebPageTest analysis.html
161 B
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/8. Solve render blocking issue with local font.mp4
94.7 MB
~Get Your Files Here !/5. Sample 3 - optimize the performance of natours to score 100/9. Solve render blocking issue with local font.html
161 B
~Get Your Files Here !/6. Sample 3 - optimize seo + accessability of natours to score 100/1. Motivation.mp4
3.7 MB
~Get Your Files Here !/6. Sample 3 - optimize seo + accessability of natours to score 100/2. Optimize accessability for score 100.mp4
68.6 MB
~Get Your Files Here !/6. Sample 3 - optimize seo + accessability of natours to score 100/3. Optimize accessability for score 100.html