- Overview
- Transcript
1.1 Welcome to the Course!
In this course we’ll be taking an existing AMP-based site and converting it to use non-AMP equivalents. This quick introduction will show you what we’ll be working on and give you a taster of what you’ll learn by following the course!
1.Introduction
1.1Welcome to the Course!01:00
1.2Why Optimize Your Website Without AMP?12:25
1.3Overview of What We’ll Be Making05:36
2.Optimization Setup
2.1Optimization Checklist07:28
2.2Project Setup08:38
2.3Set Up the CSS08:20
2.4Set Up the HTML09:35
2.5Set Up the JavaScript06:10
3.Let the Optimizing Begin
3.1Add Lazy Loading Images and iFrames11:13
3.2Responsive iFrames Without Reflow04:17
3.3Image Gallery With Lightbox04:33
3.4Add Twitter Widgets03:58
3.5Add Carousel08:08
3.6Deployment Optimization05:49
4.Conclusion
4.1Checking Off the Checklist04:49
1.1 Welcome to the Course!
AMP is Google's set of plug and play code that helps optimize sites and make them load and run faster. And it undoubtedly does a great job in speeding up sites, but you can achieve results just as good if not better under your own steam if you know how to go about it. There are actually a lot of excellent perks that you can only take advantage of if you handle optimization yourself. Not least of which, is when you have full control over your optimization methods, you in turn, have full control over your sites, and how they're being developed. In this course, we're gonna be taking an existing AMP based site, one that we made in another course on using AMP and we're gonna convert it into a non-AMP website using non-AMP equivalent optimization techniques. So through this conversion process, you're gonna learn methods that you can use to make your sites run blazing fast, but where those optimization techniques are ultimately those you decide on for yourself. So let's go ahead and optimize your website without AMP. I'll see you in the first lesson.
