Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Critical Rendering Path All Inclusive 2024: Accelerate Your Web Learning
Critical Rendering Path All Inclusive 2024: Accelerate Your Web Learning

Critical Rendering Path All Inclusive 2024: Accelerate Your Web Learning: Understand the Critical Rendering Path, AJAX, HTTP, and how to fetch data from a server. Novice to pro in easy steps

Arrow left icon
Profile Icon SkillZone
Arrow right icon
S$53.99
Video May 2022 8hrs 15mins 1st Edition
Video
S$53.99
Subscription
Free Trial
Arrow left icon
Profile Icon SkillZone
Arrow right icon
S$53.99
Video May 2022 8hrs 15mins 1st Edition
Video
S$53.99
Subscription
Free Trial
Video
S$53.99
Subscription
Free Trial

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want

Key benefits

  • Understand the Network Panel, Performance Panel, and Audit Lighthouse functions within DevTools
  • Understand HTTP, TCP, data packets, and a whole bunch more
  • Real examples of how AJAX works (we will use both the XMLHttpRequest object and the newer Fetch API)

Description

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

Who is this book for?

This course is for anyone interested in dabbling in the world of programming; learning the fundamentals of HTTP, AJAX, data packets, and rendering will allow you to extend this knowledge to any language. It is useful for anyone who wants to gain a solid understanding of web performance; wants to start using backend frameworks such as Node.js, which are heavily reliant on having a deeper understanding of how to make AJAX requests, manipulate the response, and then deliver it to the screen; wants to know what the Critical Rendering Path is, but not sure how it works behind the scenes or how to put it into practice in your code.

What you will learn

  • Understand the DOM, CSSOM, Render Tree, and Layout
  • Master HTTP, HTTP/2, and AJAX
  • Learn where to write your JavaScript for optimized performance
  • Master the Critical Rendering Path
  • Learn to write your own Polyfill
  • Learn how to optimize any website for speed by writing better code

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : May 30, 2022
Length: 8hrs 15mins
Edition : 1st
Language : English
ISBN-13 : 9781804618240
Languages :
Tools :

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want

Product Details

Publication date : May 30, 2022
Length: 8hrs 15mins
Edition : 1st
Language : English
ISBN-13 : 9781804618240
Languages :
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just S$6 each
Feature tick icon Exclusive print discounts
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just S$6 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total S$ 139.97
Modern Frontend Development with Node.js
S$49.99
JavaScript from Frontend to Backend
S$35.99
Critical Rendering Path All Inclusive 2024: Accelerate Your Web Learning
S$53.99
Total S$ 139.97 Stars icon

Table of Contents

7 Chapters
Introduction Chevron down icon Chevron up icon
HTTP Protocol, TCP, and Packets Chevron down icon Chevron up icon
Advanced - Building a Custom Polyfill Chevron down icon Chevron up icon
Critical Rendering Path - DOM, CSSOM, Render Tree Chevron down icon Chevron up icon
Render Blocking Resources Chevron down icon Chevron up icon
Having Fun: Lets Analyze the Critical Rendering Path Together Chevron down icon Chevron up icon
What Is HTTP/2? Chevron down icon Chevron up icon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing? Chevron down icon Chevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file? Chevron down icon Chevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package? Chevron down icon Chevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package? Chevron down icon Chevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.