AMP is Google’s collection of plug-and-play code that helps optimize sites to load and run faster. It works, but its use is controversial, and there are many good reasons you might consider handling optimization yourself. AMP undoubtedly does a great job in speeding up sites, but you can achieve results just as well, if not better, under your own steam if you know how to go about it.
In this course we’ll be taking an existing AMP-based site and converting it to use non-AMP equivalents, giving you methods to make your sites run blazing fast, but where the optimization techniques are those you decide on for yourself.
So let’s go ahead and “Optimize Your Website Without AMP“!
Up and Running With AMP
If you're interested in learning how to create an AMP-powered page from scratch, you can in our course Up and Running With AMP.
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
