Lessons:17Length:1.6 hours
- Overview
- Transcript
4.3 Render Blocking CSS
CSS will delay your web page from being displayed as soon as it’s encountered. This happens because the browser needs to download it first, then read it. It cannot start rendering the page without having read everything first.
So, how can you prevent this? There are a few ways to do it. Let’s see what those are.
Related Links
1.About Website Performance
1.1Welcome00:34
1.1
Welcome
00:34
1.2What Is Website Performance?03:42
1.2
What Is Website Performance?
03:42
2.Tools for Measuring Performance
2.1Overall vs. Perceived Performance02:32
2.1
Overall vs. Perceived Performance
02:32
2.2Google’s DevTools14:30
2.2
Google’s DevTools
14:30
2.3Google’s PageSpeed Insights03:22
2.3
Google’s PageSpeed Insights
03:22
2.4YSlow and Pingdom Website Speed Test08:51
2.4
YSlow and Pingdom Website Speed Test
08:51
3.Overall Performance Optimization
3.1Server-Side Optimization05:06
3.1
Server-Side Optimization
05:06
3.2Reducing HTTP Requests03:56
3.2
Reducing HTTP Requests
03:56
3.3Image and Webfont Optimization07:37
3.3
Image and Webfont Optimization
07:37
3.4JavaScript and CSS Optimization03:31
3.4
JavaScript and CSS Optimization
03:31
3.5Moving Assets Externally03:23
3.5
Moving Assets Externally
03:23
4.Perceived Performance Optimization
4.1About Perceived Performance02:39
4.1
About Perceived Performance
02:39
4.2Critical Rendering Path03:45
4.2
Critical Rendering Path
03:45
4.3Render Blocking CSS17:20
4.3
Render Blocking CSS
17:20
4.4Render Blocking JavaScript11:44
4.4
Render Blocking JavaScript
11:44
5.Platform Optimization
5.1Optimizing WordPress Websites02:27
5.1
Optimizing WordPress Websites
02:27
6.Conclusion
6.1Final Words01:00
6.1
Final Words
01:00
