Web Development Secrets Revealed – Critical Rendering Path, HTTP, AJAX, and More

在本课程中，您将了解关键渲染路径。这指的是浏览器必须采取的一系列步骤来获取 HTML、CSS 和 JavaScript，然后将其转换为活生生的网站。从那里，您将开始探索和试验用于衡量性能的工具。您将学习简单但非常强大的策略，以尽早将第一个像素传送到屏幕上。

CRP 的知识对于了解如何改进站点的性能非常有用。CRP 有多个阶段，例如构建 DOM、构建 CSSOM、运行 JavaScript、创建渲染树、生成布局，最后将像素绘制到屏幕上。如您所见，这涵盖了一大堆有趣的材料。

我们将在每一堂课中深入挖掘，通过学习诸如 HTTP、TCP、数据包、渲染阻塞资源等等之类的东西！本课程有许多额外的讲座，可以扩展您的知识库并测试您的技能。

本课程通过实际示例，帮助您逐步了解 CRP。在此过程中，我们将使用 JavaScript 和浏览器的最新和最佳功能（例如新的 Fetch API），以便您保持领先地位。

在本课程结束时，您将能够通过了解如何从服务器获取数据并尽快将这些数据提供给您的用户来“讲”CRP。

SkillZone | Duration: 8h 15m | Video: H264 3840×2160 | Audio: AAC 48 kHz 2ch | 9,84 GB | Language: English

In this course, you will learn about the Critical Rendering Path. This refers to the set of steps browsers must take to fetch and then convert HTML, CSS, and JavaScript into living, breathing websites. From there, you will start exploring and experimenting with tools to measure performance. You will learn simple, yet very powerful strategies to deliver the first pixels to the screen as early as possible.

Knowledge of the CRP is incredibly useful for understanding how a site’s performance can be improved. There are various stages to the CRP, such as constructing the DOM, constructing the CSSOM, running JavaScript, creating the Render Tree, generating the layout, and finally painting pixels to the screen. As you can see, this covers a whole bunch of interesting material.

We will dig deeper in every lecture, by learning about things such as HTTP, TCP, data packets, render-blocking resources, and a whole bunch more! This course has many bonus lectures that will extend your knowledge base and test your skills.

Through practical examples, this course helps you understand the CRP piece by piece. We will use the latest and best features of JavaScript and browsers (such as the new Fetch API) along the way so you can stay ahead of the pack.

By the end of this course, you will be able to “speak” CRP by gaining an understanding of how to fetch data from a server and then get that data to your user as quickly as possible.

All the resources for this course are available at https://github.com/PacktPublishing/Web-Development-Secrets-Revealed—Critical-Rendering-Path-HTTP-AJAX-and-More