{"video_id":"jRTajr0SpMw","title":"Accelerated Mobile Pages (Google AMP) Explained","channel":"Techquickie","show":"Techquickie","published_at":"2019-05-06T14:58:16Z","duration_s":240,"segments":[{"start_s":0.12,"end_s":1.52,"text":"Thanks for watching Techquickie.","speaker":null,"is_sponsor":0},{"start_s":1.52,"end_s":5.92,"text":"Click the subscribe button, then enable notifications with the bell icon so you won't miss any","speaker":null,"is_sponsor":0},{"start_s":5.92,"end_s":7.56,"text":"future videos.","speaker":null,"is_sponsor":0},{"start_s":7.56,"end_s":11.96,"text":"So mobile internet sure has come a long way since the days of downloading sick ringtones","speaker":null,"is_sponsor":0},{"start_s":11.96,"end_s":13.48,"text":"to our flip phones.","speaker":null,"is_sponsor":0},{"start_s":13.48,"end_s":17.28,"text":"But using a browser on the latest smartphone still presents some challenges.","speaker":null,"is_sponsor":0},{"start_s":17.28,"end_s":21.4,"text":"Clunky advertisements that take up the whole screen right as you're about to scroll down,","speaker":null,"is_sponsor":0},{"start_s":21.4,"end_s":26.2,"text":"poor responsiveness caused by too much page clutter, and spotty connections in some areas","speaker":null,"is_sponsor":0},{"start_s":26.2,"end_s":28.64,"text":"that can all be incredibly frustrating.","speaker":null,"is_sponsor":0},{"start_s":28.64,"end_s":32.98,"text":"And all of these issues were the inspiration for Google's AMP project, something you've","speaker":null,"is_sponsor":0},{"start_s":32.98,"end_s":36.36,"text":"probably taken advantage of without even realizing it.","speaker":null,"is_sponsor":0},{"start_s":36.36,"end_s":40.48,"text":"You see, whenever you run a Google search on a mobile device, you might notice a small","speaker":null,"is_sponsor":0},{"start_s":40.48,"end_s":44.64,"text":"lightning bolt icon beside a given search result to let you know that if you click on","speaker":null,"is_sponsor":0},{"start_s":44.64,"end_s":48.16,"text":"it, you'll be served an AMP version of that page.","speaker":null,"is_sponsor":0},{"start_s":48.16,"end_s":51.68,"text":"Now this page won't come to you directly from the site you're trying to view.","speaker":null,"is_sponsor":0},{"start_s":51.68,"end_s":56.26,"text":"Instead, after the administrator of the site creates an AMP version of the page, it'll","speaker":null,"is_sponsor":0},{"start_s":56.26,"end_s":58.62,"text":"be automatically pushed to a CDN or console.","speaker":null,"is_sponsor":0},{"start_s":58.62,"end_s":61.86,"text":"You'll see that the AMP version of the page will be pushed to a CDN or console, and the","speaker":null,"is_sponsor":0},{"start_s":61.86,"end_s":62.86,"text":"CDN will be pushed to a CDN or console.","speaker":null,"is_sponsor":0},{"start_s":62.86,"end_s":66.5,"text":"These AMP caches then push the page to your phone, with the goal of improving loading","speaker":null,"is_sponsor":0},{"start_s":66.5,"end_s":67.5,"text":"times.","speaker":null,"is_sponsor":0},{"start_s":67.5,"end_s":71.22,"text":"But this isn't the only difference between an AMP and a regular page.","speaker":null,"is_sponsor":0},{"start_s":71.22,"end_s":75.7,"text":"If one of your favorite sites often takes a long time to load, the culprit may not be","speaker":null,"is_sponsor":0},{"start_s":75.7,"end_s":77.62,"text":"a server with a slow connection.","speaker":null,"is_sponsor":0},{"start_s":77.62,"end_s":82.34,"text":"Instead, there might be complicated HTML elements that take a long time for your browser to","speaker":null,"is_sponsor":0},{"start_s":82.34,"end_s":87.84,"text":"render, poorly written CSS that makes the page look like a mess, or scripts that ask","speaker":null,"is_sponsor":0},{"start_s":87.84,"end_s":88.2,"text":"for more resources than you need.","speaker":null,"is_sponsor":0},{"start_s":88.62,"end_s":95.94,"text":"So instead of allowing website owners to design their pages however they want, AMP uses its","speaker":null,"is_sponsor":0},{"start_s":95.94,"end_s":100.68,"text":"own customized and stripped-down versions of HTML and JavaScript.","speaker":null,"is_sponsor":0},{"start_s":100.68,"end_s":105.24,"text":"These prevent the implementation of layouts that are slow, clunky, or disruptive to the","speaker":null,"is_sponsor":0},{"start_s":105.24,"end_s":108.42,"text":"user, like the dreadful full-screen ads I mentioned before.","speaker":null,"is_sponsor":0},{"start_s":108.42,"end_s":112.98,"text":"In fact, one of AMP's built-in restrictions is that ads can only take up a certain amount","speaker":null,"is_sponsor":0},{"start_s":112.98,"end_s":114.54,"text":"of space on the screen.","speaker":null,"is_sponsor":0},{"start_s":114.54,"end_s":116.2,"text":"You'll still see them, of course.","speaker":null,"is_sponsor":0},{"start_s":116.2,"end_s":118.38,"text":"But an AMP page should mostly be the actual content.","speaker":null,"is_sponsor":0},{"start_s":118.38,"end_s":121.8,"text":"It should be the content you want to see, rather than the scammers screaming at you","speaker":null,"is_sponsor":0},{"start_s":121.8,"end_s":125.36,"text":"about a fat-busting juice cleanse.","speaker":null,"is_sponsor":0},{"start_s":125.36,"end_s":129.92,"text":"And AMP is also smart enough to judge the relative importance of each element of the","speaker":null,"is_sponsor":0},{"start_s":129.92,"end_s":130.88,"text":"web page.","speaker":null,"is_sponsor":0},{"start_s":130.88,"end_s":134.58,"text":"So if you're trying to read an article about the latest big scandal, it'll try to load","speaker":null,"is_sponsor":0},{"start_s":134.58,"end_s":140.86,"text":"things like the article text and an unflattering picture of your local politician before, say,","speaker":null,"is_sponsor":0},{"start_s":140.86,"end_s":144.46,"text":"an ad that you won't see until you scroll to the end of the page.","speaker":null,"is_sponsor":0},{"start_s":144.46,"end_s":148.6,"text":"Combine all of this with limiting other resource-hogging effects like animations, and it's going to","speaker":null,"is_sponsor":0},{"start_s":148.6,"end_s":154.24,"text":"end up doing a pretty decent job of making the mobile browsing experience less rage-inspiring","speaker":null,"is_sponsor":0},{"start_s":154.24,"end_s":155.24,"text":"overall.","speaker":null,"is_sponsor":0},{"start_s":155.24,"end_s":157.84,"text":"Now, it does have its limitations.","speaker":null,"is_sponsor":0},{"start_s":157.84,"end_s":161.64,"text":"The restrictions on page elements and style mean that it works best for news articles","speaker":null,"is_sponsor":0},{"start_s":161.64,"end_s":166.56,"text":"consisting of mostly text and a few still images, rather than highly interactive websites","speaker":null,"is_sponsor":0},{"start_s":166.56,"end_s":169.34,"text":"more suited to a desktop browser.","speaker":null,"is_sponsor":0},{"start_s":169.34,"end_s":173.02,"text":"But if you are doing lots of your browsing on mobile, see if you notice a difference","speaker":null,"is_sponsor":0},{"start_s":173.02,"end_s":175.06,"text":"the next time you load up an AMP page.","speaker":null,"is_sponsor":0},{"start_s":175.06,"end_s":176.88,"text":"After all, this new world of constant connectivity has gotten us all into a situation where we're","speaker":null,"is_sponsor":0},{"start_s":176.88,"end_s":177.88,"text":"not able to read and write.","speaker":null,"is_sponsor":0},{"start_s":177.88,"end_s":177.92,"text":"We're not able to read and write.","speaker":null,"is_sponsor":0},{"start_s":177.92,"end_s":177.96,"text":"We're not able to read and write.","speaker":null,"is_sponsor":0},{"start_s":177.96,"end_s":177.98,"text":"We're not able to read and write.","speaker":null,"is_sponsor":0},{"start_s":177.98,"end_s":178.04,"text":"We're not able to read and write.","speaker":null,"is_sponsor":0},{"start_s":178.04,"end_s":178.08,"text":"We're not able to read and write.","speaker":null,"is_sponsor":0},{"start_s":178.08,"end_s":178.12,"text":"We're not able to read and write.","speaker":null,"is_sponsor":0},{"start_s":178.12,"end_s":178.16,"text":"We're not able to read and write.","speaker":null,"is_sponsor":0},{"start_s":178.16,"end_s":178.78,"text":"We're not able to read and write.","speaker":null,"is_sponsor":0},{"start_s":180.2,"end_s":183.46,"text":"We've gotten all amped up on instant gratification, so, if it can be slightly more instant, so","speaker":null,"is_sponsor":0},{"start_s":183.46,"end_s":185.16,"text":"much the better, right?","speaker":null,"is_sponsor":0},{"start_s":185.16,"end_s":186.82,"text":"Are you interested in computer science?","speaker":null,"is_sponsor":0},{"start_s":186.82,"end_s":191.18,"text":"Then, check out Brilliant, a problem-solving website that teaches you to think like a computer","speaker":null,"is_sponsor":0},{"start_s":191.2,"end_s":192.26,"text":"scientist.","speaker":null,"is_sponsor":0},{"start_s":192.26,"end_s":196.72,"text":"Instead of passively listening to lectures, you get to master concepts by solving fun","speaker":null,"is_sponsor":0},{"start_s":196.72,"end_s":201.1,"text":"and challenging problems, and Brilliant provides the tools and framework you need to tackle","speaker":null,"is_sponsor":0},{"start_s":201.1,"end_s":202.04,"text":"these challenges.","speaker":null,"is_sponsor":0},{"start_s":202.04,"end_s":206.54,"text":"Brilliant's thought-provoking content, based around breaking up complexities into bite-sized,","speaker":null,"is_sponsor":0},{"start_s":206.54,"end_s":207.54,"text":"understandable chunks, will lead to you finding a tool that disappears your bottlenecks.","speaker":null,"is_sponsor":0},{"start_s":207.54,"end_s":207.6,"text":"But you can do a full 84 hours of data analysis of a things that actually help make a difference","speaker":null,"is_sponsor":0},{"start_s":207.6,"end_s":208.14,"text":"and a thing that doğnik I will leave shift to.","speaker":null,"is_sponsor":0},{"start_s":208.14,"end_s":212.96,"text":"from curiosity to mastery, and you'll be in the company of over five and a half million","speaker":null,"is_sponsor":0},{"start_s":212.96,"end_s":216.14,"text":"members who share your curiosity and love for math and science.","speaker":null,"is_sponsor":0},{"start_s":216.14,"end_s":217.2,"text":"So what are you waiting for?","speaker":null,"is_sponsor":0},{"start_s":217.2,"end_s":220.44,"text":"You can support Techquickie and learn more about Brilliant by clicking the link down","speaker":null,"is_sponsor":0},{"start_s":220.44,"end_s":225.52,"text":"in the video description or going to brilliant.org slash Linus Tech Tips and signing up for free.","speaker":null,"is_sponsor":0},{"start_s":225.52,"end_s":230.3,"text":"The first 200 people to go to the link will get 20% off an annual premium subscription,","speaker":null,"is_sponsor":0},{"start_s":230.3,"end_s":231.78,"text":"so be sure to check it out.","speaker":null,"is_sponsor":0},{"start_s":231.78,"end_s":233.58,"text":"Okay guys, thanks for watching Techquickie.","speaker":null,"is_sponsor":0},{"start_s":233.58,"end_s":236.94,"text":"Like, dislike, check out other channels, leave a comment down below with your suggestions","speaker":null,"is_sponsor":0},{"start_s":236.94,"end_s":239.04,"text":"for future videos, and don't forget to subscribe.","speaker":null,"is_sponsor":0}],"full_text":"Thanks for watching Techquickie. Click the subscribe button, then enable notifications with the bell icon so you won't miss any future videos. So mobile internet sure has come a long way since the days of downloading sick ringtones to our flip phones. But using a browser on the latest smartphone still presents some challenges. Clunky advertisements that take up the whole screen right as you're about to scroll down, poor responsiveness caused by too much page clutter, and spotty connections in some areas that can all be incredibly frustrating. And all of these issues were the inspiration for Google's AMP project, something you've probably taken advantage of without even realizing it. You see, whenever you run a Google search on a mobile device, you might notice a small lightning bolt icon beside a given search result to let you know that if you click on it, you'll be served an AMP version of that page. Now this page won't come to you directly from the site you're trying to view. Instead, after the administrator of the site creates an AMP version of the page, it'll be automatically pushed to a CDN or console. You'll see that the AMP version of the page will be pushed to a CDN or console, and the CDN will be pushed to a CDN or console. These AMP caches then push the page to your phone, with the goal of improving loading times. But this isn't the only difference between an AMP and a regular page. If one of your favorite sites often takes a long time to load, the culprit may not be a server with a slow connection. Instead, there might be complicated HTML elements that take a long time for your browser to render, poorly written CSS that makes the page look like a mess, or scripts that ask for more resources than you need. So instead of allowing website owners to design their pages however they want, AMP uses its own customized and stripped-down versions of HTML and JavaScript. These prevent the implementation of layouts that are slow, clunky, or disruptive to the user, like the dreadful full-screen ads I mentioned before. In fact, one of AMP's built-in restrictions is that ads can only take up a certain amount of space on the screen. You'll still see them, of course. But an AMP page should mostly be the actual content. It should be the content you want to see, rather than the scammers screaming at you about a fat-busting juice cleanse. And AMP is also smart enough to judge the relative importance of each element of the web page. So if you're trying to read an article about the latest big scandal, it'll try to load things like the article text and an unflattering picture of your local politician before, say, an ad that you won't see until you scroll to the end of the page. Combine all of this with limiting other resource-hogging effects like animations, and it's going to end up doing a pretty decent job of making the mobile browsing experience less rage-inspiring overall. Now, it does have its limitations. The restrictions on page elements and style mean that it works best for news articles consisting of mostly text and a few still images, rather than highly interactive websites more suited to a desktop browser. But if you are doing lots of your browsing on mobile, see if you notice a difference the next time you load up an AMP page. After all, this new world of constant connectivity has gotten us all into a situation where we're not able to read and write. We're not able to read and write. We're not able to read and write. We're not able to read and write. We're not able to read and write. We're not able to read and write. We're not able to read and write. We're not able to read and write. We're not able to read and write. We've gotten all amped up on instant gratification, so, if it can be slightly more instant, so much the better, right? Are you interested in computer science? Then, check out Brilliant, a problem-solving website that teaches you to think like a computer scientist. Instead of passively listening to lectures, you get to master concepts by solving fun and challenging problems, and Brilliant provides the tools and framework you need to tackle these challenges. Brilliant's thought-provoking content, based around breaking up complexities into bite-sized, understandable chunks, will lead to you finding a tool that disappears your bottlenecks. But you can do a full 84 hours of data analysis of a things that actually help make a difference and a thing that doğnik I will leave shift to. from curiosity to mastery, and you'll be in the company of over five and a half million members who share your curiosity and love for math and science. So what are you waiting for? You can support Techquickie and learn more about Brilliant by clicking the link down in the video description or going to brilliant.org slash Linus Tech Tips and signing up for free. The first 200 people to go to the link will get 20% off an annual premium subscription, so be sure to check it out. Okay guys, thanks for watching Techquickie. Like, dislike, check out other channels, leave a comment down below with your suggestions for future videos, and don't forget to subscribe."}