MP4 | h264, 1920x1080 | Lang: English | Audio: aac, 48000 Hz | 1h 37m | 631 MB
WELCOME TO THIS SKILLSHARE CLASS ON OPTIMISING YOUR WEBSITE.
About This Class
SPEED UP WEBPAGE LOADING USING HTTP, AJAX AND THE NEW FETCH API
THIS IS PART 1 OF THE ENTIRE SERIES
We will cover of ton of information about speeding up your webpage loading in this two-part series. In Part 1 we concentrate on how browsers request information from a server.
I'm excited about this section, because it sets the foundation and base for the rest of the classes in this series.
Why is this important to understand
The entire process of loading a page is known as the critical rendering path. Having an understanding of the critical rendering path will allow you, as a developer, to structure your website for optimal performance.
Before we get into the CRP in detail, I want to give you some useful background on how browsers used to request data from a server, and what we have available today (spoiler alert, we speak about both the XMLHttpRequest object and Fetch).
I can't wait.
Lets get into it.
What this entire series covers
Why 1-second matters hugely
A one-second delay in page load yields:
30% fewer page views
Less customer satisfaction
Loss in conversions
Aside from influencing ranking well with Google, a few extra seconds makes a big difference to viewer attention, interest, conversions and hence profit.
Understanding the Critical Rendering Path will enable you to become an awesome programmer. Take control through understanding. Delivering a fast web experience requires a lot of work by the browser. Most of this work is hidden from web developers: we write the markup, and a nice looking page comes out on the screen. But how exactly does the browser go from consuming our HTML, CSS, and jаvascript to rendered pixels on the screen By understanding this, you will be able to write better code in order to boost your website traffic, know how to precision fix and tweak behaviour and performance, improve your market penetration and your mas. You'll also gain an advantages over other developers who seem to just push the buttons without fully appreciating what is happening.
In this course you'll learn about the Critical Rendering Path. This refers to the set of steps browsers must take to fetch and then convert HTML, CSS and jаvascript into living, breathing websites. From there, you'll start exploring and expenting with tools to measure performance. You'll learn simple, yet very powerful strats 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 jаvascript, creating the Render Tree, generating the Layout and finally Painting pixels to the screen. As you can see, this Skillshare series covers a whole bunch of interesting material.
By the end of this Skillshare CRP Series, you'll 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. We dig deeper in every lecture, learning about things like HTTP, TCP, data packets, render blocking resources, and a whole bunch more! This course has many bonus lectures which extend your knowledge base and test your skills.
Through practical examples, this course helps you understand the CRP piece by piece. And we use the latest and best features of jаvascript and browsers (like the new Fetch API) along the way so you can stay ahead of the pack.
Is this course for you
Absolutely.
It doesn't matter where you are in your web development journey. It's suitable for all levels.
Still unsure If you fit in any of these categories then this course is perfect for you:
Student #1: You want to dabble 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
Student #2: You want to gain a solid understanding of web performance
Student #3: You want to start using backend frameworks like Node.js, which are heavily dependent on having a deeper knowledge about how to make AJAX requests, manipulate the response and then deliver it to the screen
Student #4: You kinda know what the Critical Rendering Path is, but have little knowledge about how it works behind the scenes, and how to practically implement it in your code
Student #5: You have taken other courses in web development but just don't feel like you've grasped it
WHAT ARE YOU WAITING FOR. LETS GET CRACK'N
DOWNLOAD
uploadgig
rapidgator
nitroflare